Hi,
I am trying to make a video completely fill a container without creating the extra spacing as seen in the screenshot below.
Ih vae this problem with all the videos across the site.
I am embedding the videos from flowplayer and placing them onto pages on the site.
The code is here:
<div class="flowplayer-embed-container" style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width:100%;"> <iframe webkitAllowFullScreen mozallowfullscreen allowfullscreen src="//ljsp.lwcdn.com/api/video/embed.jsp?id=6b5f54b4-0ee5-4b5a-b953-1cc6f37b2b6a&pi=d2eb4668-4b76-4525-91f2-7921c05cb146" title="0" byline="0" portrait="0" frameborder="0" allow="autoplay" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe> </div>
What is the best fix to have the videos fill the containers.
Please help! Thanks.