1. No Profile Picture
    Loves Diesel Generators
    Devshed Novice (500 - 999 posts)

    Join Date
    Nov 2004
    Lincs - UK
    Rep Power

    Video tag mobile safari


    I have a video tag which is showing differently in mobile safari.

    The video in question is 640x480 and sits in a container div. the video tag is set in CSS to width: 100% and height: auto.

    In FF and ie9/10 everything is ok, the video is the size of the container and the height adjusts in proportion.

    In mobile safari however, the video tag fills the 100% width, but the height doesn't adjust, leaving the pilar boxes.

    Is this a known problem? Is there a CSS solution to it?
    If I helped you by some stroke of luck, please add to my reputation by clicking on the icon at the top of my post!
    Perkins Diesel Generators Volvo Diesel Generators xxl.me.uk (my Site)
  2. #2
  3. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2013
    Rep Power
    I don't know but could try removing the height:auto. It should do that without it else try javascript.

IMN logo majestic logo threadwatch logo seochat tools logo