![]() |
Responsive Tube Embeds
How come tubes don't have this option.. just not possible?
|
Change the CSS to width:100% height:auto; and make sure the video height and width isn't also defined by pixels. This will make it fluid based on the div that it's in.
This should work with any embedded video. |
If it's an iframe, you'll have to use another wrapper and set it to allowfullscreen:
.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } <div class="videoWrapper"> <iframe width="560" height="349" src="SRC" frameborder="0" allowfullscreen></iframe> </div> |
JW Player can do responsive, you just set width to a percentage and set aspect ratio, instead of width and height.
|
Thanks colmike.. thats what I needed :)
|
All times are GMT -7. The time now is 12:00 PM. |
Powered by vBulletin® Version 3.8.8
Copyright ©2000 - 2025, vBulletin Solutions, Inc.
©2000-, AI Media Network Inc