Skip to content

feat(youtube): add ratio props to ScriptYouTubePlayer #563

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
harlan-zw merged 6 commits into from
Jan 20, 2026
Merged

feat(youtube): add ratio props to ScriptYouTubePlayer #563

Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
452c790
Update index.vue
maximepvrt May 19, 2024
7a3e29f
fix: homepage
maximepvrt May 23, 2024
89b2270
add ratio props to ScriptYouTubePlayer
maximepvrt Dec 14, 2025
a417758
Merge branch 'main' into patch-3
maximepvrt Jan 19, 2026
eb3ab92
Delete index.vue
maximepvrt Jan 19, 2026
fa20c1b
Merge remote-tracking branch 'upstream/main' into patch-3
maximepvrt Jan 19, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 3 additions & 1 deletion src/runtime/components/ScriptYouTubePlayer.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -35,6 +35,7 @@ const props = withDefaults(defineProps<{
playerVars?: YT.PlayerVars
width?: number
height?: number
ratio?: string
/**
* Whether to use youtube-nocookie.com for embedding.
*
Expand All @@ -59,6 +60,7 @@ const props = withDefaults(defineProps<{
playerVars: { autoplay: 0, playsinline: 1 },
width: 640,
height: 360,
ratio: '16/9',
placeholderObjectFit: 'cover',
})

Expand Down Expand Up @@ -197,7 +199,7 @@ const rootAttrs = computed(() => {
position: 'relative',
backgroundColor: 'black',
width: '100%',
aspectRatio: `${props.width}/${props.height}`,
aspectRatio: props.ratio,
},
...(trigger instanceof Promise ? trigger.ssrAttrs || {} : {}),
}) as HTMLAttributes
Expand Down
Loading