I’m having an issue when it comes to embedding Youtube videos. When I use Youtube’s own query string to make the video smaller, it still appears in as big a size as possible.
I’ve tried a few things to fix this – adding a div container and then setting that to a particular size, adding a class to the iframe with a max width attached – but these either don’t work or chop the video in half, rather than resizing it to a half of what it was.
Thanks! I’m also trying to center align the video but can’t seem to get it to work. I’ve tried align: center, margin: auto, display: block, align: middle, but none of these do anything with the iframe. Can you let me know how I should be doing this?
If you simply give the below css without mentioning the specific div class/id (faq) ll affect the entire video-wrapper that you would use in other pages . So here we ensure that we are restricting the padding-top to only for the videos in faq section.
padding-top: 40% !important;