---
description: "Adds a DashVideo media element, --media-color-primary skin theming, a poster component, and context-based media discovery."
date: 2026-03-19
version: "10.0.0-beta.7"
prerelease: true
breaking: false
compareUrl: "https://github.com/videojs/v10/compare/@videojs/core@10.0.0-beta.6...@videojs/core@10.0.0-beta.7"
---

Beta.7 brings MPEG-DASH playback: the new `DashVideo` media element ([#940](https://github.com/videojs/v10/pull/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](https://github.com/videojs/v10/pull/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](https://github.com/videojs/v10/pull/994)).

Media discovery in the web player now runs on context instead of slots ([#997](https://github.com/videojs/v10/pull/997), docs in [#1018](https://github.com/videojs/v10/pull/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](https://github.com/videojs/v10/pull/1020)), so existing markup keeps working. Supporting refactors move the store attach lifecycle to the provider ([#975](https://github.com/videojs/v10/pull/975)) and let attach contexts carry state and a setter ([#1024](https://github.com/videojs/v10/pull/1024)). The CDN build now shares chunks between bundles, fixing extended media elements like `<hls-video>` when loaded from the CDN ([#1019](https://github.com/videojs/v10/pull/1019)).

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