Streaming live at 10am (PST)

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.

2 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.