diff options
| author | Xe Iaso <me@xeiaso.net> | 2023-10-28 10:11:24 -0400 |
|---|---|---|
| committer | Xe Iaso <me@xeiaso.net> | 2023-10-28 10:11:30 -0400 |
| commit | 7283b916475d5e563e90b660b40722bfbab41e99 (patch) | |
| tree | 1f835d6f00838397211411cc3dfb0a4d742bfc05 /lume/src/_components | |
| parent | 9cd5141b78683640e889901cc155e95791b45a1c (diff) | |
| download | xesite-7283b916475d5e563e90b660b40722bfbab41e99.tar.xz xesite-7283b916475d5e563e90b660b40722bfbab41e99.zip | |
components/XeblogVideo: support vertical video
Signed-off-by: Xe Iaso <me@xeiaso.net>
Diffstat (limited to 'lume/src/_components')
| -rw-r--r-- | lume/src/_components/XeblogVideo.tsx | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/lume/src/_components/XeblogVideo.tsx b/lume/src/_components/XeblogVideo.tsx index 01d271c..79e19da 100644 --- a/lume/src/_components/XeblogVideo.tsx +++ b/lume/src/_components/XeblogVideo.tsx @@ -11,14 +11,15 @@ function uuidv4() { export interface VideoProps { path: string; + vertical?: boolean; } -export default function Video({ path }: VideoProps) { +export default function Video({ path, vertical }: VideoProps) { const streamURL = `https://cdn.xeiaso.net/file/christine-static/${path}/index.m3u8`; const id = uuidv4(); const video = ( - <video id={id} className="not-prose" style="width:100%" controls> + <video id={id} className="not-prose sm:max-h-[50vh]" controls> <source src={streamURL} type="application/vnd.apple.mpegurl" /> <source src="https://cdn.xeiaso.net/file/christine-static/blog/HLSBROKE.mp4" |