Video Bars at the Top and Sides of my iFrame Videos

Hi! Does anyone know why this might be happening (see image). My videos will not run at the size I’m embedding them in and somehow these these extra blurry bars on the top and bottom and sides keep getting added in. :confused:


it’s probably because the iframe content is trying to fill the available space and it’s not the right aspect ratio so it’s doing its best to workaround that.

You’ll need to adjust the height settings in the behavior section to get it to the right size - or maybe try iFrame > Use iFrame Content Source Attributes

If your video content is from a supported streaming service I’d strongly recommend using the Video Steam component instead of iframe - as that’ll handle all the sizing for you.

2 Likes

Changing the behavior worked for now. Unfortunately, the streaming service I’m using is not currently supported by the Video Stream Component. A little inconvenient that I need to go in and fix every video behavior though. :frowning:

Unfortunately there’s little Evolve can do here as iframe content that’s loaded from a different server is ‘sandboxed’ by all browsers for security reasons - so Evolve has no way of getting into it to determine the correct height.

I’d normally recommend enabling ‘Use iFrame Content Source Attributes’ on the assumption that the embed/iframe code being added contains the correct size information - which is often (but not always) the case.

1 Like

Matt! First of all thank you. The only thing that seemed to work in the end was adjusting the behavior. With that said, I am using an unsupported streaming service at the moment (Synthesia) so, although slightly inconvenient, it did fix the problem, which is the most important part. Appreciate the support!

2 Likes