[wp-trac] [WordPress Trac] #24896: MediaElement.js audio/video fallback links and audio player do not render well in iOS (was: MediaElement.js audio fallback links do not render well on iOS)
WordPress Trac
noreply at wordpress.org
Thu Aug 1 05:13:37 UTC 2013
#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 markjaquith:
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]
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: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:1>
WordPress Trac <http://core.trac.wordpress.org/>
WordPress blogging software
More information about the wp-trac
mailing list