April 16th, 2013, 05:16 PM
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?
April 19th, 2013, 04:58 PM