Jump to content

Video resizing to screen HELP!


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.



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

  • Create New...