Jump to content

Video resizing to screen HELP!


salino2835
 Share

Recommended Posts

here is my code in wordpress

 

<div align="center">[video width=1920" height="1080" mp4="my video.mp4" autoplay="y] </div>

 

when i change it to

 

<div align="center">[video width=100%" height="100%" mp4="my video.mp4" autoplay="y] </div>

 

all it does it shrink the video really small, how do i make the video resize to the screen? Cause if i keep the first code with the width at 1920 and height at 1080 its way to big for a mobile device.

 

Thanks

Link to comment
Share on other sites

  • 2 weeks later...

.video-wrapper { width: 600px; max-width: 100%;} .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;} .video-container iframe,.video-container object,.video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

 

 

<div class="video-wrapper"> <div class="video-container"> <iframe src="https://www.youtube.com/embed/61TAqY03xwk" frameborder="0" allowfullscreen></iframe> </div></div>

 

 

 

Try This...

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...