fix(site): add missing slot="media" to HTML demo video elements (#867)

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Darius Cepulis
2026-03-10 13:55:20 -05:00
committed by GitHub
co-authored by Claude Opus 4.6
parent 669694ab20
commit 0bc84d2cf1
23 changed files with 23 additions and 1 deletions
@@ -1,6 +1,7 @@
<video-player class="html-buffering-indicator-basic">
<media-container>
<video
slot="media"
src="https://stream.mux.com/BV3YZtogl89mg9VcNBhhnHm02Y34zI1nlMuMQfAbl3dM/highest.mp4"
autoplay
muted
@@ -1,6 +1,7 @@
<video-player class="html-captions-button-basic">
<media-container>
<video
slot="media"
src="https://stream.mux.com/BV3YZtogl89mg9VcNBhhnHm02Y34zI1nlMuMQfAbl3dM/highest.mp4"
autoplay
muted
@@ -1,6 +1,7 @@
<video-player class="html-controls-basic">
<media-container>
<video
slot="media"
src="https://stream.mux.com/BV3YZtogl89mg9VcNBhhnHm02Y34zI1nlMuMQfAbl3dM/highest.mp4"
autoplay
muted
@@ -1,6 +1,7 @@
<video-player class="html-fullscreen-button-basic">
<media-container>
<video
slot="media"
src="https://stream.mux.com/BV3YZtogl89mg9VcNBhhnHm02Y34zI1nlMuMQfAbl3dM/highest.mp4"
autoplay
muted
@@ -1,6 +1,7 @@
<demo-video-player class="html-create-player-basic">
<media-container>
<video
slot="media"
src="https://stream.mux.com/BV3YZtogl89mg9VcNBhhnHm02Y34zI1nlMuMQfAbl3dM/highest.mp4"
autoplay
muted
@@ -1,6 +1,7 @@
<video-player class="html-mute-button-basic">
<media-container>
<video
slot="media"
src="https://stream.mux.com/BV3YZtogl89mg9VcNBhhnHm02Y34zI1nlMuMQfAbl3dM/highest.mp4"
autoplay
muted
@@ -1,6 +1,7 @@
<video-player class="html-mute-button-volume-levels">
<media-container>
<video
slot="media"
src="https://stream.mux.com/BV3YZtogl89mg9VcNBhhnHm02Y34zI1nlMuMQfAbl3dM/highest.mp4"
autoplay
muted
@@ -1,6 +1,7 @@
<video-player class="html-pip-button-basic">
<media-container>
<video
slot="media"
src="https://stream.mux.com/BV3YZtogl89mg9VcNBhhnHm02Y34zI1nlMuMQfAbl3dM/highest.mp4"
autoplay
muted
@@ -1,6 +1,7 @@
<video-player class="html-play-button-basic">
<media-container>
<video
slot="media"
src="https://stream.mux.com/BV3YZtogl89mg9VcNBhhnHm02Y34zI1nlMuMQfAbl3dM/highest.mp4"
autoplay
muted
@@ -1,5 +1,6 @@
<video-player class="html-playback-rate-button-basic">
<video
slot="media"
src="https://stream.mux.com/BV3YZtogl89mg9VcNBhhnHm02Y34zI1nlMuMQfAbl3dM/highest.mp4"
autoplay
muted
@@ -1,6 +1,7 @@
<demo-ctrl-player class="html-player-controller-basic">
<media-container>
<video
slot="media"
src="https://stream.mux.com/BV3YZtogl89mg9VcNBhhnHm02Y34zI1nlMuMQfAbl3dM/highest.mp4"
autoplay
muted
@@ -1,6 +1,7 @@
<video-player class="html-popover-basic">
<media-container>
<video
slot="media"
src="https://stream.mux.com/BV3YZtogl89mg9VcNBhhnHm02Y34zI1nlMuMQfAbl3dM/highest.mp4"
autoplay
muted
@@ -2,6 +2,7 @@
<video-player class="html-poster-basic">
<media-container>
<video
slot="media"
src="https://stream.mux.com/BV3YZtogl89mg9VcNBhhnHm02Y34zI1nlMuMQfAbl3dM/highest.mp4"
playsinline
></video>
@@ -1,6 +1,7 @@
<video-player class="html-seek-button-basic">
<media-container>
<video
slot="media"
src="https://stream.mux.com/BV3YZtogl89mg9VcNBhhnHm02Y34zI1nlMuMQfAbl3dM/highest.mp4"
autoplay
muted
@@ -2,6 +2,7 @@
<video-player>
<media-container>
<video
slot="media"
class="html-thumbnail-text-track__media"
src="https://stream.mux.com/BV3YZtogl89mg9VcNBhhnHm02Y34zI1nlMuMQfAbl3dM/highest.mp4"
preload="auto"
@@ -1,6 +1,7 @@
<video-player class="html-time-slider-parts">
<media-container>
<video
slot="media"
src="https://stream.mux.com/BV3YZtogl89mg9VcNBhhnHm02Y34zI1nlMuMQfAbl3dM/highest.mp4"
autoplay
muted
@@ -1,6 +1,7 @@
<video-player class="html-time-current-duration">
<media-container>
<video
slot="media"
src="https://stream.mux.com/BV3YZtogl89mg9VcNBhhnHm02Y34zI1nlMuMQfAbl3dM/highest.mp4"
autoplay
muted
@@ -1,6 +1,7 @@
<video-player class="html-time-current-time">
<media-container>
<video
slot="media"
src="https://stream.mux.com/BV3YZtogl89mg9VcNBhhnHm02Y34zI1nlMuMQfAbl3dM/highest.mp4"
autoplay
muted
@@ -1,6 +1,7 @@
<video-player class="html-time-custom-negative-sign">
<media-container>
<video
slot="media"
src="https://stream.mux.com/BV3YZtogl89mg9VcNBhhnHm02Y34zI1nlMuMQfAbl3dM/highest.mp4"
autoplay
muted
@@ -1,6 +1,7 @@
<video-player class="html-time-custom-separator">
<media-container>
<video
slot="media"
src="https://stream.mux.com/BV3YZtogl89mg9VcNBhhnHm02Y34zI1nlMuMQfAbl3dM/highest.mp4"
autoplay
muted
@@ -1,6 +1,7 @@
<video-player class="html-time-remaining">
<media-container>
<video
slot="media"
src="https://stream.mux.com/BV3YZtogl89mg9VcNBhhnHm02Y34zI1nlMuMQfAbl3dM/highest.mp4"
autoplay
muted
@@ -1,6 +1,7 @@
<video-player class="html-volume-slider-parts">
<media-container>
<video
slot="media"
src="https://stream.mux.com/BV3YZtogl89mg9VcNBhhnHm02Y34zI1nlMuMQfAbl3dM/highest.mp4"
autoplay
muted
+1 -1
View File
@@ -16,7 +16,7 @@ function generateHTMLCode(skin: Skin): string {
<video-player>
<${skinTag}>
<video src="${VJS10_DEMO_VIDEO.mp4}"></video>
<video slot="media" src="${VJS10_DEMO_VIDEO.mp4}"></video>
</${skinTag}>
</video-player>`;
}