Reasons:
- It's consistent with how we output images
- CSS can override attributes, but not style="" statements.
Description
Description
Details
Details
Customize query in gerrit
| Status | Subtype | Assigned | Task | ||
|---|---|---|---|---|---|
| Duplicate | None | T91574 Image for Audio Clip Resizes | |||
| Open | Feature | None | T64673 VisualEditor: Be able to set a non-image multi-paged item's display page (page=) in the media dialog | ||
| Open | None | T104237 Show nicer previews of complex (timed, paged, …) media inside VisualEditor | |||
| Resolved | cscott | T56844 Image / media handling (tracking) | |||
| Duplicate | None | T63769 Flow: Parsoid HTML for videos doesn't work | |||
| Resolved | None | T74912 Flow: Score vorbis content doesn't roundtrip (html/wikitext) properly | |||
| Resolved | Arlolra | T64270 Support video and audio content | |||
| Open | None | T133673 Add width/height attributes to the <audio><video> tag |
Event Timeline
Comment Actions
Change 262989 had a related patch set uploaded (by TheDJ):
Output width and height attribs for <video>
Comment Actions
To me, this is stuck on the issue of <audio> and <video> tags and dimensions and what this will mean for Parsoid and VE. By default, an <audio> has an inherent size, but no width and height attributes (because it is not a "replaced element") . This means <audio> requires CSS to specify it's dimensions, and <video> can use CSS and/or attributes.
This really complicates things for Parsoid and VE, since our audio players have configurable width (but a fixed height). We will we have disjunct settings for dimensions between audio/video files, or unify it and just use CSS ? Or use both ?
Comment Actions
I thought you had a suggestion just to use <video> for both at one point?
From my perspective, the goal is that Parsoid output should display "pretty close to correct" on a modern HTML5 browser with no special JS (that is, wikipedia-specific options may be missing, but all media settings that *can* be represented in standard HTML5 are), and should be "readable" with no special CSS -- that is, we already implement the "float left/right" and other image properties via specific classes applied to images, but the images don't *disappear* or not render if you don't load the MW CSS, they just aren't placed correctly.
So, trying to apply that general rule to the <audio>/<video> question, one option is to use actual width and height attributes on <audio>, which HTML5 ought to just ignore. This is "readable" w/o CSS, but it doesn't display "pretty close to correct" on pure HTML5 -- you'd need some JS thunk to transfer the width and height attributes to actual CSS width/height.
So using a <video> element for audio -- assuming that the HTML5 allows this and does the sensible thing -- seems preferable, since then you get correct height/width of the player in standard HTML5 without requiring any special JS magic. Sure, you give up a little bit of semantic information, but you could recapture that by looking at the media type of the embedded file.
Comment Actions
In discussions today, we decided to go with <video> for everything, including audio, and use typeof="mw:Audio" to indicate audio files (since the viewer displays slightly different UI for audio vs video).
Comment Actions
Change 349973 had a related patch set uploaded (by Arlolra):
[mediawiki/services/parsoid@master] T133673: Set default dimensions for audio files
Comment Actions
Change 349973 merged by jenkins-bot:
[mediawiki/services/parsoid@master] T133673: Set default dimensions for audio files
Comment Actions
In the patch above, we went with a fixed height of 20px, which seems to match TimedMediaHandler, but @cscott was arguing that audio content should respect a defined height. Any thoughts on that?
Comment Actions
Mentioned in SAL (#wikimedia-operations) [2017-04-26T21:05:49Z] <arlolra> Updated Parsoid to 4949857a (T116508, T64270, T133673)
Comment Actions
Change 449903 had a related patch set uploaded (by Arlolra; owner: Arlolra):
[mediawiki/services/parsoid@master] Use <audio> elements for rendering audio files
Comment Actions
Change 449903 merged by jenkins-bot:
[mediawiki/services/parsoid@master] Use <audio> elements for rendering audio files
Comment Actions
Mentioned in SAL (#wikimedia-operations) [2018-10-01T21:17:06Z] <arlolra> Updated Parsoid to 224ecde (T198504, T133673, T202666)
Comment Actions
Change 505644 had a related patch set uploaded (by C. Scott Ananian; owner: C. Scott Ananian):
[mediawiki/core@master] Synchronize allowed attributes for <audio> with Parsoid/TimedMediaHandler
Comment Actions
Change 505644 merged by jenkins-bot:
[mediawiki/core@master] Synchronize allowed attributes for <audio> with Parsoid/TimedMediaHandler
Comment Actions
Change 961481 had a related patch set uploaded (by Arlolra; author: Arlolra):
[mediawiki/extensions/TimedMediaHandler@master] Use JS to transfer audio width from attribute to style
Comment Actions
Change #1025883 had a related patch set uploaded (by Arlolra; author: Arlolra):
[mediawiki/services/parsoid@master] Apply an inline style width to audio elements to match TMH
Comment Actions
Change #1025883 merged by jenkins-bot:
[mediawiki/services/parsoid@master] Apply an inline style width to audio elements to match TMH
Comment Actions
Change #1028554 had a related patch set uploaded (by C. Scott Ananian; author: C. Scott Ananian):
[mediawiki/vendor@master] Bump wikimedia/parsoid to 0.20.0-a4
Comment Actions
Change #1028554 merged by jenkins-bot:
[mediawiki/vendor@master] Bump wikimedia/parsoid to 0.20.0-a4