feat: adjust video player size
This commit is contained in:
parent
5647eeb1a8
commit
f8735348b5
2 changed files with 3 additions and 3 deletions
|
|
@ -44,7 +44,7 @@ export default function VideoPlayer({ src, className }: { src: string; className
|
||||||
ref={videoRef}
|
ref={videoRef}
|
||||||
controls
|
controls
|
||||||
playsInline
|
playsInline
|
||||||
className={cn('rounded-lg max-h-[80vh] sm:max-h-[50vh] border', className)}
|
className={cn('rounded-lg max-h-[80vh] sm:max-h-[60vh] border', className)}
|
||||||
src={src}
|
src={src}
|
||||||
onClick={(e) => e.stopPropagation()}
|
onClick={(e) => e.stopPropagation()}
|
||||||
onPlay={(event) => {
|
onPlay={(event) => {
|
||||||
|
|
|
||||||
|
|
@ -80,8 +80,8 @@ export default function YoutubeEmbeddedPlayer({
|
||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
className={cn(
|
className={cn(
|
||||||
'rounded-lg border overflow-hidden max-h-[50vh]',
|
'rounded-lg border overflow-hidden',
|
||||||
isShort ? 'aspect-[9/16]' : 'aspect-video',
|
isShort ? 'aspect-[9/16] max-h-[80vh] sm:max-h-[60vh]' : 'aspect-video max-h-[60vh]',
|
||||||
className
|
className
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue