zoriya/v10
1
0
Fork 0
mirror of https://github.com/zoriya/v10.git synced 2026-08-16 02:45:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: connect html eject skins to media-provider

Browse Source
This commit is contained in:
Darius Cepulis
2025-10-30 00:56:07 -05:00
parent 476fabf7aa
commit f17570156e
6 changed files with 10 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/src/utils/ejectCodeGenerator.ts
+4 -1
View File
@@ -974,6 +974,7 @@ export function generateHTMLMarkup(skin: Skin): string {
return `<media-provider>
<media-container>
<video
slot="media"
src="https://stream.mux.com/A3VXy02VoUinw01pwyomEO3bHnG4P32xzV7u1j1FSzjNg/high.mp4"
playsinline
poster="https://image.mux.com/A3VXy02VoUinw01pwyomEO3bHnG4P32xzV7u1j1FSzjNg/thumbnail.webp"
@@ -1072,6 +1073,7 @@ export function generateHTMLMarkup(skin: Skin): string {
return `<media-provider>
<media-container>
<video
slot="media"
src="https://stream.mux.com/A3VXy02VoUinw01pwyomEO3bHnG4P32xzV7u1j1FSzjNg/high.mp4"
playsinline
poster="https://image.mux.com/A3VXy02VoUinw01pwyomEO3bHnG4P32xzV7u1j1FSzjNg/thumbnail.webp"
@@ -1904,8 +1906,9 @@ media-tooltip-popup:not([data-fullscreen]) .fullscreen-enter-tooltip {
export function generateHTMLJS(skin: Skin): string {
return `import './${skin}.css';
import '@videojs/html/icons';
import '@videojs/html/define/media-container';
// be sure to import media-provider first
import '@videojs/html/define/media-provider';
import '@videojs/html/define/media-container';
import '@videojs/html/define/media-play-button';
import '@videojs/html/define/media-mute-button';
import '@videojs/html/define/media-volume-slider';