How on earth can I get the video to just fit within the device screen? I’m using the Google Chrome device emulator. For iPad Pro it looks fine because there’s enough space. But when I switch to iPhone X the video spills out of the screen on both sides. Thank you.
Max-width property maybe 
?
No, that isn’t working. I already tried that and I have it commented out in my media query because it didn’t work.
<iframe id="video" max-width="560" height="315" src="https://www.youtube.com/embed/dM5H0yoCEOc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
Maybe try this? Because it worked for me, I put max-widht ther insted of width
I ended up creating a second media query.
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.