zoriya/v10
1
0
Fork 0
mirror of https://github.com/zoriya/v10.git synced 2026-08-05 05:37:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(site): use HlsVideo in homepage HeroVideo component (#854)

Browse Source 
Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Darius Cepulis
2026-03-10 11:59:10 -05:00
committed by GitHub
co-authored by Claude Opus 4.6
parent 2adde3bdd0
commit 15d1a66bda
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/src/components/home/HeroVideo.tsx
+3 -2
View File
@@ -1,6 +1,7 @@
import { useStore } from '@nanostores/react';
import { createPlayer, Poster } from '@videojs/react';
import { MinimalVideoSkin, Video, VideoSkin, videoFeatures } from '@videojs/react/video';
import { HlsVideo } from '@videojs/react/media/hls-video';
import { MinimalVideoSkin, VideoSkin, videoFeatures } from '@videojs/react/video';
import { VJS10_DEMO_VIDEO } from '@/consts';
import { skin } from '@/stores/homePageDemos';
import '@videojs/react/video/skin.css';
@@ -26,7 +27,7 @@ export default function HeroVideo({
className={className}
style={{ '--media-border-radius': `calc(var(--spacing) * 6)`, ...style } as React.CSSProperties}
>
<Video src={VJS10_DEMO_VIDEO.mp4} playsInline style={{ objectFit: 'cover' }} />
<HlsVideo src={VJS10_DEMO_VIDEO.hls} playsInline style={{ objectFit: 'cover' }} />
<Poster src={poster} />
</SkinComponent>
</Player.Provider>