WordPress – Video Embeds Filling Entire Frame Space And Not Resizing

When embedding YouTube videos, it is no longer possible to resize to smaller sizes within a frame. All videos seem to maximize the size to fill the frame space.

Solution #1

Use this code on either end of the video embed link:

<div class=”video-container”> <iframe>…….</iframe> </div>

Add this code to the CSS in the template settings:

@media (min-width: 992px) {
.video-container {
max-width: 60%;
margin: 0 auto;
}
}

Solution #2

The following WordPress plugin allows you to set a default size for all video insertions. You only need to have the YouTube video code and not the entire URL.

https://wordpress.org/plugins/youtube-video-player/

Solution #3

If using Tempera Theme, go to the WordPress Dashboard, Click Appearance, Tempera Settings, Miscellaneous Settings, Disable “FitVids”.

Leave a Reply