[wp-trac] [WordPress Trac] #24896: MediaElement.js audio/video fallback links and audio player do not render well in iOS

[WordPress Trac]

#24896: MediaElement.js audio/video fallback links and audio player do not render
well in iOS
--------------------------------+------------------
 Reporter:  nacin               |       Owner:
     Type:  defect (bug)        |      Status:  new
 Priority:  normal              |   Milestone:  3.6
Component:  Media               |     Version:  3.6
 Severity:  normal              |  Resolution:
 Keywords:  has-patch upstream  |
--------------------------------+------------------
Description changed by ocean90:

Old description:

> From davidjlaietta in #23798:
>
> > Testing today at WCSF dev day, noticed that on iOS mobile browsers,
> fallback me-cannotplay div breaks site layout because it has hardcoded
> height and width values. See attached screenshots for iOS Chrome and
> Safari. Any default theme has this issue.
> >
> > If we change the hardcoded height and width of the me-cannotplay
> element to auto, issue is resolved.
>
> iOS Chrome with webM:
> http://core.trac.wordpress.org/attachment/ticket/23798/2013-07-28%2018.02.02.png
>
> iOS Safari with webM:
> http://core.trac.wordpress.org/attachment/ticket/23798/2013-07-28%2018.02.28.png
>
> Patch against the minified MediaElement.js source:
> [attachment:attachment:ticket:23798:23798.3.diff]
>
> Additionally, the audio player renders too wide, breaking the layout.

New description:

 From davidjlaietta in #23798:

 > Testing today at WCSF dev day, noticed that on iOS mobile browsers,
 fallback me-cannotplay div breaks site layout because it has hardcoded
 height and width values. See attached screenshots for iOS Chrome and
 Safari. Any default theme has this issue.
 >
 > If we change the hardcoded height and width of the me-cannotplay element
 to auto, issue is resolved.

 iOS Chrome with webM:
 http://core.trac.wordpress.org/attachment/ticket/23798/2013-07-28%2018.02.02.png

 iOS Safari with webM:
 http://core.trac.wordpress.org/attachment/ticket/23798/2013-07-28%2018.02.28.png

 Patch against the minified MediaElement.js source:
 [attachment:ticket:23798:23798.3.diff]

 Additionally, the audio player renders too wide, breaking the layout.

--

--
Ticket URL: <http://core.trac.wordpress.org/ticket/24896#comment:4>
WordPress Trac <http://core.trac.wordpress.org/>
WordPress blogging software