<div class="video-container">
<iframe
src="https://www.youtube.com/embed/bZ9NxmIPQqQ"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin"
allowfullscreen>
</iframe>
</div>

<style>
.video-container {
position: relative;
width: 100%;
padding-top: 56.25%; /* 16:9 = 9/16 = 0.5625 → 56.25% */
overflow: hidden;
}

.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>

<div class="video-wrapper">
<iframe
src="https://www.youtube.com/embed/bZ9NxmIPQqQ"
title="YouTube video player"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen>
</iframe>
</div>

<style>
.video-wrapper {
width: 100%;
aspect-ratio: 16 / 9;
background: black; /* 可选：防止加载前闪烁 */
}

.video-wrapper iframe {
width: 100%;
height: 100%;
border: 0;
}
</style>

<div class="relative w-full pt-[56.25%]">
<iframe class="absolute inset-0 w-full h-full" …></iframe>
</div>

<div class="w-full aspect-video">
<iframe class="w-full h-full" …></iframe>
</div>