Video resizing to screen HELP!

[salino2835]

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

[lixocerebral]

arquivo.zip

Edited December 18, 2014 by lixocerebral

[tejasamrute]

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