CSS style:
.video-container {
position: relative;
width: 100%;
aspect-ratio: 16 / 9;
}
.video-container iframe {
position: absolute;
width: 100%;
height: 100%;
border: 0;
}
HTML text:
<div class="video-container">
<iframe src="https://www.youtube.com/embed/sOfq4MUQhLk?si=mIC8edSSr3P97vtQ" 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>
In the desktop version (Version â¨25.07.5 macOS), this video is only available in 360p. While in ankiweb or in ankimobile (iOS), it is available in 1080p. Why? I wish to have 1080p on desktop version.