I have embed youtube video into my post, and it working correctly. But when I scale the browser to be smaller, the heights of the video don’t resize like a width.
I mean the width of the video is responsive but the height of the video is not responsive. and there is extra black padding on the top and on the bottom of the video while playing the video.
Any easiest way to solve this problem?
I watched the tutorial that you gave me, but that’s mean that I have to add: <div class="video-container></div> to each of my embeded video.
Look for some J$ on the web using the wrap() method. If you only use <iframe> for YouTube Embeds, than consider wrapping all <iframe> with <div class="video-container">
Once installed and activated you don’t need to do anything except paste the video URL. I’ve used it with YouTube, Vimeo, and Facebook videos.
I don’t know how difficult it would be to integrate something like that into a future version of GP, but with so many people now using video it feels like a must have feature.