Video default size on load is massive, can I change this at all?

  • As the title reads the youtube videos that are being embedded show up huge initally then scale down, I have them sitting in a 600px div with a sidebar to the right, but the initial video is going way over the div and hiding my sidebar box content for 5-6 seconds.

    Is there a way to resolve this? Otherwise I won’t be using this plugin unfortunately.

    I see this code being displayed:

    <div class="entry-content-asset">
<div data-content-width="940" class="rve">
<iframe width="679" height="382" frameborder="0" allowfullscreen="" src="https://www.youtube.com/embed/Se3jp3d4kS4?feature=oembed"></iframe></div>
</div>

    The iframe is only 670px wide but the rve div is 940 for some reason.. I’ve tried assigning a max-width to the divs as well and that did nothing.

    https://www.ads-software.com/plugins/responsive-video-embeds/

Viewing 1 replies (of 1 total)

  • The way I get around this is by setting a max height on my div container, and then telling it to hide the overflow.

    For example, if your video was in a div container called “video” and you knew that at any responsive resolution, it would never be higher than 500px, just use the following class:

    .video{max-height:500px;overflow:hidden;}

    And obviously you can use media queries to make it very precise. This has worked without issue for me.

Viewing 1 replies (of 1 total)
  • The topic ‘Video default size on load is massive, can I change this at all?’ is closed to new replies.