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(packages): add poster component to video skins (#994)

Browse Source
This commit is contained in:
Sam Potts
2026-03-18 17:57:10 +11:00
committed by GitHub
parent b9bada9567
commit 59bbf6c209
45 changed files with 445 additions and 171 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/src/examples/react/FrostedSkin/FrostedSkinDemo.tsx
+2 -3
View File
@@ -1,6 +1,6 @@
import { VJS10_DEMO_VIDEO } from '@/consts';
import { createPlayer, Poster } from '@videojs/react';
import { createPlayer } from '@videojs/react';
import { VideoSkin, Video, videoFeatures } from '@videojs/react/video';
import '@videojs/react/video/skin.css';
@@ -19,9 +19,8 @@ const Player = createPlayer({ features: videoFeatures });
export function FrostedSkinDemo() {
return (
<Player.Provider>
<VideoSkin className="w-full aspect-video">
<VideoSkin className="w-full aspect-video" poster={VJS10_DEMO_VIDEO.poster}>
<Video src={VJS10_DEMO_VIDEO.mp4} playsInline />
<Poster src={VJS10_DEMO_VIDEO.poster} />
</VideoSkin>
</Player.Provider>
);
site/src/examples/react/MinimalSkin/MinimalSkinDemo.tsx
+2 -3
View File
@@ -1,5 +1,5 @@
import { VJS10_DEMO_VIDEO } from '@/consts';
import { createPlayer, Poster } from '@videojs/react';
import { createPlayer } from '@videojs/react';
import { MinimalVideoSkin, Video, videoFeatures } from '@videojs/react/video';
import '@videojs/react/video/minimal-skin.css';
@@ -17,9 +17,8 @@ const Player = createPlayer({ features: videoFeatures });
export function MinimalSkinDemo() {
return (
<Player.Provider>
<MinimalVideoSkin className="w-full aspect-video">
<MinimalVideoSkin className="w-full aspect-video" poster={VJS10_DEMO_VIDEO.poster}>
<Video src={VJS10_DEMO_VIDEO.mp4} playsInline />
<Poster src={VJS10_DEMO_VIDEO.poster} />
</MinimalVideoSkin>
</Player.Provider>
);