Thread: Video scaling

    #1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2013
    Posts
    3
    Rep Power
    0

    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>
  2. #2
  3. Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2009
    Posts
    309
    Rep Power
    162
    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.
    Quality European Web Hosting - LDHosting.com
    High Quality, Low Cost Web Hosting Services
    www.ldhosting.com

IMN logo majestic logo threadwatch logo seochat tools logo