Setting Vimeo Video To Full Width Of Div

Can’t figure out how to get my Vimeo video to cover the full div that it’s in.

thank you for any input!

I found alot of ways of people hosting their mp4 videos and using video tags and stuff but my videos are on Vimeo and I have a plus account.

did some searching around and now I’m using:
http://embedresponsively.com/

which gave me this output:
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://player.vimeo.com/video/157467640?background=1' frameborder='0' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>

Which I put in an Embed element and it looks like its working but I really have no idea, especially with the padding-bottom at 56% like wtf is that.

3 Likes

The padding-bottom is what helps keep you video in a 16:9 ratio

2 Likes

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.