[mikewooten2013]

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

http://www.dev.csttires.com/us/about-cst/media/

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>

[LDHosting]

I would suggest you validate your code, there's quite a few errors on your page, including the one that you are asking about:

 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.