June 14th, 2013, 09:10 AM
-
Video scaling
Hello,
I would like to have the videos on this page below scaled down to fit for mobile phones. The videos have a max-size, but they do not scale down when the browser is scaled down. How can I have the videos scale down when you scale down the browsers and also have the videos scale down for mobile phones?
any help is very much appreciated.
Thanks
Code:
http://www.dev.csttires.com/us/about-cst/media/
This is the code that I am currently using:
Code:
<iframe width="560" height="315" src="http://www.youtube.com/embed/MNqxh1SzfBc?wmode=transparent&rel=0" frameborder="0" allowfullscreen></iframe>
June 14th, 2013, 03:07 PM
-
I would suggest you validate your code, there's quite a few errors on your page, including the one that you are asking about:
Code:
Line 107, Column 34: Duplicate attribute width.
<p><iframe width="100%" max width="560" height="315" src="http://www.youtube.co…
If you want to set a max-width, you'd have to set it in CSS, or alternatively you can use inline style. Right now, it acts as a normal width, meaning it will refuse to get any smaller.