Video about knot theory (video embedded, again)
Wait a second, this is the fourth time I have this post. True. I hope I figured out now correctly how to embed a youtube video properly.
There are two parts to it. First, I embed an iframe on my page, but without any width and height annotations, like so:
<iframe src="https://www.youtube-nocookie.com/embed/8DBhTXM_Br4?si=Tr_JulHKx542cpb9" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
In addition, I add the following CSS for an iframe:
iframe {
width: 100%;
aspect-ratio: 16 / 9;
}
And this is the result – the video should span the whole width of the content, and the height should be big enough to show the complete content.