v10.0.0-beta.7

Beta.7 brings MPEG-DASH playback: the new DashVideo media element (#940) is the DASH counterpart to HlsVideo, backed by dash.js v5 and available as <dash-video> for the web player and a DashVideo component for React.

Skins gain two customization features. The new --media-color-primary CSS variable (#957) sets the control color across the default and minimal skins, in both CSS and Tailwind variants. Posters are now first-class too: a dedicated <media-poster> component ships in every video skin template, with a matching poster prop on the React video skin presets (#994).

Media discovery in the web player now runs on context instead of slots (#997, docs in #1018): skins accept media elements through the default slot, so you no longer need slot="media" on your <video> or <hls-video>. The named slot stays as a deprecated fallback (#1020), so existing markup keeps working. Supporting refactors move the store attach lifecycle to the provider (#975) and let attach contexts carry state and a setter (#1024). The CDN build now shares chunks between bundles, fixing extended media elements like <hls-video> when loaded from the CDN (#1019).

A round of interaction fixes follows: tooltips no longer trigger on touch (#933), slider thumbs no longer jump on pointer release (#990), controls transition subtly on touch devices (#985), popup fallback positioning is corrected (#981), playback state syncs on the seeked event (#1000), and fullscreen and picture-in-picture fall back more reliably in WebKit (#999). The volume popover now hides when volume control is unsupported (#1025), backed by a new data-availability attribute on the volume slider (#1001). Skin polish rounds out the release: the Safari layout fix is baked into the skins (#954), the minimal video skin drops an overflow (#993), poster image alignment is fixed in HTML and React (#1002, #1003), thumbnail dimensions are rounded to prevent sub-pixel gaps (#995), new pip-enter and pip-exit icons land (#1015), and HLS handles media elements without querySelectorAll (#986). The docs site also gains Slider and Tooltip API reference pages (#862).