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

feat(react): use SimpleVideo as default Video and rename HLS version to HlsVideo (#171)

Browse Source
This commit is contained in:
Christian Pillsbury
2025-11-06 10:34:04 -08:00
committed by GitHub
parent 642d651881
commit 1878a271ba
20 changed files with 177 additions and 181 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/src/examples/html/fullscreen-button/basic.html
+2 -2
View File
@@ -11,8 +11,8 @@
<div class="demo-container">
<media-container class="media-container">
<video
src="https://stream.mux.com/UZMwOY6MgmhFNXLbSFXAuPKlRPss5XNA.m3u8"
poster="https://image.mux.com/UZMwOY6MgmhFNXLbSFXAuPKlRPss5XNA/thumbnail.webp"
src="https://stream.mux.com/lhnU49l1VGi3zrTAZhDm9LUUxSjpaPW9BL4jY25Kwo4/highest.mp4"
poster="https://image.mux.com/lhnU49l1VGi3zrTAZhDm9LUUxSjpaPW9BL4jY25Kwo4/thumbnail.webp"
></video>
<div class="controls">
site/src/examples/html/mute-button/basic.html
+2 -2
View File
@@ -11,8 +11,8 @@
<div class="demo-container">
<media-container class="media-container">
<video
src="https://stream.mux.com/UZMwOY6MgmhFNXLbSFXAuPKlRPss5XNA.m3u8"
poster="https://image.mux.com/UZMwOY6MgmhFNXLbSFXAuPKlRPss5XNA/thumbnail.webp"
src="https://stream.mux.com/lhnU49l1VGi3zrTAZhDm9LUUxSjpaPW9BL4jY25Kwo4/highest.mp4"
poster="https://image.mux.com/lhnU49l1VGi3zrTAZhDm9LUUxSjpaPW9BL4jY25Kwo4/thumbnail.webp"
></video>
<div class="controls">
site/src/examples/html/play-button/basic.html
+2 -2
View File
@@ -11,8 +11,8 @@
<div class="demo-container">
<media-container class="media-container">
<video
src="https://stream.mux.com/UZMwOY6MgmhFNXLbSFXAuPKlRPss5XNA.m3u8"
poster="https://image.mux.com/UZMwOY6MgmhFNXLbSFXAuPKlRPss5XNA/thumbnail.webp"
src="https://stream.mux.com/lhnU49l1VGi3zrTAZhDm9LUUxSjpaPW9BL4jY25Kwo4/highest.mp4"
poster="https://image.mux.com/lhnU49l1VGi3zrTAZhDm9LUUxSjpaPW9BL4jY25Kwo4/thumbnail.webp"
></video>
<div class="controls">
site/src/examples/react/FrostedSkin/FrostedSkinDemo.tsx
+1 -1
View File
@@ -17,7 +17,7 @@ export function FrostedSkinDemo() {
<VideoProvider>
<FrostedSkin className="w-full aspect-video rounded-3xl">
<Video
src={VJS8_DEMO_VIDEO.hls}
src={VJS8_DEMO_VIDEO.mp4}
poster={VJS8_DEMO_VIDEO.poster}
playsInline
/>
site/src/examples/react/FullscreenButton/FullscreenButtonDemo.tsx
+1 -1
View File
@@ -12,7 +12,7 @@ export function FullscreenButtonDemo() {
<VideoProvider>
<MediaContainer style={{ position: 'relative', zIndex: 10 }}>
<Video
src={VJS8_DEMO_VIDEO.hls}
src={VJS8_DEMO_VIDEO.mp4}
poster={VJS8_DEMO_VIDEO.poster}
muted
/>
site/src/examples/react/MinimalSkin/MinimalSkinDemo.tsx
+1 -1
View File
@@ -16,7 +16,7 @@ export function MinimalSkinDemo() {
<VideoProvider>
<MinimalSkin className="w-full aspect-video">
<Video
src={VJS8_DEMO_VIDEO.hls}
src={VJS8_DEMO_VIDEO.mp4}
poster={VJS8_DEMO_VIDEO.poster}
playsInline
/>
site/src/examples/react/MuteButton/MuteButtonDemo.tsx
+1 -1
View File
@@ -12,7 +12,7 @@ export function MuteButtonDemo() {
<VideoProvider>
<MediaContainer style={{ position: 'relative', zIndex: 10 }}>
<Video
src={VJS8_DEMO_VIDEO.hls}
src={VJS8_DEMO_VIDEO.mp4}
poster={VJS8_DEMO_VIDEO.poster}
muted
/>
site/src/examples/react/PlayButton/PlayButtonDemo.tsx
+1 -1
View File
@@ -12,7 +12,7 @@ export function PlayButtonDemo() {
<VideoProvider>
<MediaContainer style={{ position: 'relative', zIndex: 10 }}>
<Video
src={VJS8_DEMO_VIDEO.hls}
src={VJS8_DEMO_VIDEO.mp4}
poster={VJS8_DEMO_VIDEO.poster}
muted
/>
site/src/examples/react/TimeSlider/TimeSliderDemo.tsx
+1 -1
View File
@@ -12,7 +12,7 @@ export function TimeSliderDemo() {
<VideoProvider>
<MediaContainer style={{ position: 'relative', zIndex: 10 }}>
<Video
src={VJS8_DEMO_VIDEO.hls}
src={VJS8_DEMO_VIDEO.mp4}
poster={VJS8_DEMO_VIDEO.poster}
muted
/>
site/src/examples/react/VolumeSlider/VolumeSliderDemo.tsx
+1 -1
View File
@@ -12,7 +12,7 @@ export function VolumeSliderDemo() {
<VideoProvider>
<MediaContainer style={{ position: 'relative', zIndex: 10 }}>
<Video
src={VJS8_DEMO_VIDEO.hls}
src={VJS8_DEMO_VIDEO.mp4}
poster={VJS8_DEMO_VIDEO.poster}
muted
/>