June 14th, 2013, 09:10 AM
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.
This is the code that I am currently using:
<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:
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.
Line 107, Column 34: Duplicate attribute width.
<p><iframe width="100%" max width="560" height="315" src="http://www.youtube.co…