I have an online store and have been advised that I should register as an Amazon seller, it's free or very cheap as...
How can I make YouTube videos responsive?
I have spent a lot of time and effort upgrading my website to make sure it is responsive for mobile devices. The problem is that I often need to embed other bits of media, in particular YouTube videos and these are fixed width.
Initially, I customized the embed code snippet to make the video default size small enough to fit on the smartphone width screen, but this looks ridiculous on a full sized page. By the same token, leaving a full sized video embedded on a responsive page breaks the layout because the video doesn't resize with the page.
In fact, Google Search Console began notifying me that many of my pages weren't mobile friendly in their Mobile Usability section. When I investigated I found that all the pages Google didn't like were ones that had YouTube videos embedded. They broke the smartphone layout so Google ended up reporting that the content was not properly sized to the viewport.
How can YouTube not provide responsive embed snippets? It's ridiculous. They're one of the biggest sites in the world. Surely they recognize the need for responsive layouts?
I know this is a long-shot because I don't expect you to be able to alter their IFRAME embed code, but is there any other way to make these videos responsive?