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

    Join Date
    Nov 2004
    Location
    Lincs - UK
    Posts
    661
    Rep Power
    83

    Video tag mobile safari


    Hi,

    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
    Posts
    17
    Rep Power
    0
    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