排版引擎比较 (HTML5媒体)

HTML5规范定义了几个标签，允许在语义上原生包含视频和音频。下表比较了排版引擎之间对这一规范各个方面的支持。

表格说明

引擎命名

这里使用后端的引擎名而不是浏览器的名称。使用各浏览器引擎的浏览器如下表所示。

排版引擎	发行版本	预览版本	使用
Amaya	11.4.7[1]	不适用	停止开发；Amaya
Blink	537.36	源代码[注 1]	Chromium/Chrome（28+）、Opera（15+）、Yandex、Microsoft Edge（新版）
EdgeHTML	13.10586 [2]	不适用	Microsoft Edge（旧版）、通用Windows平台 (UWP)JavaScript应用
Gecko	标准版 77.0.1（2018年8月8日，​6年前​（2018-08-08）[3]） 延长支持版（ESR） 68.9.0（2018年6月26日，​6年前​（2018-06-26）[4]）	Beta及开发者版 133.0b9[5]（2024年11月15日） Nightly 134.0a1[6]（2024年10月28日）	所有Mozilla软件，包括Firefox；SeaMonkey和Galeon；Camino；K-Meleon；Flock（至2.x版本）；Debian IceWeasel；GNU IceCat（前身为GNU IceWeasel）；Cyberfox；Icedove、Iceape与Iceowl；Firefox for mobile（"Fennec"）
KHTML	4.12.3[7]	不适用	Konqueror[注 2]
Presto	2.12.388	不适用	停止开发；Opera与Opera Mobile现在使用Blink；任天堂DS & DSi浏览器；Internet Channel
Tasman	（Mac版IE 5.2.3）	不适用	2003年停止开发；Mac OS X版Internet Explorer 5以上
Trident	7.0（IE 11）	不适用	Internet Explorer与其他Internet Explorer shell如Maxthon（仅限Microsoft Windows操作系统）、Windows Phone 8
WebKit	534.20	每日构建[注 3]	Tizen（OS与浏览器）、Safari（桌面与移动版）、Google Chrome（28版本之前）、Maxthon 3、Shiira, iCab 4、OmniWeb 5.5+、Web、Adobe AIR、Midori, Adobe Dreamweaver CS4与CS5、Android浏览器、Palm webOS浏览器、Symbian S60浏览器、OWB（英语：Origyn Web Browser）、Steam、Rekonq、Arora、Flock (版本3以上)、RockMelt、海豚浏览器、Sleipnir、Konqueror[注 2]

1. chromium / chromium/blink. chromium.googlesource.com. Google. [2014-05-27].
2. 在Konqueror中，用户可以切换排版引擎。
3. WebKit Nightly Builds. webkit.org. [2014-05-27].

取值

以下各格的颜色表示该排版引擎的最新版本或指定版本（如果给出版本号的话）对该功能的支持程度。没有取值的版本号表示该排版引擎首次完全支持该功能。

取值	含义
是	表示该排版引擎完全地支持该功能或元素。
否	表示该功能或元素尚未有支持。
部分	表示该功能或元素有实现进展，但并不支持所有取值，对于已支持的取值，该实现是正确的。
不正确	表示该功能或元素有实现进展，但是实现并非在所有情况都是正确无误的。
实验性质	表示该功能或元素有实现进展，但是使用另外的属性或元素名（浏览器前辍）。多半是不完全实现或是有过多的漏洞。
抛弃	表示该属性/元素不再受到支持。
每日构建	表示该功能或元素在未发布的版本有某种程度的支持。预期将有完整支持。
依情况	表示该属性/元素仅在某些平台支持或设定在某些配置后支持。

元素属性

媒体元素允许在标签中直接设置某些属性

	Trident	Gecko	WebKit	Presto
<audio>属性
src	5.0[t 1]	1.9.1	525	2.5
preload		2.0[note 1][g 1]		实验性质[note 1]
autoplay		1.9.1		2.5
loop		11.0[g 2]
controls		1.9.1
<video>属性
src	5.0[t 1]	1.9.1	525	2.5
preload		2.0[note 1][g 1]		实验性质[note 1]
autoplay		1.9.1		2.5
loop		11.0[g 2]
controls		1.9.1
poster		1.9.2[g 3]
width		1.9.1
height
<source>属性
src	5.0[t 1]	1.9.1	525[w 1]	2.5
type
media		15.0[g 4]
<track>属性
kind	6.0[t 2]	24.0[g 5]	是[w 2]	否
label
src
srclang

DOM属性

与媒体元素有关的一些属性包含在DOM中。

	Trident	Gecko	WebKit	Presto[p 1]
错误状态
MediaError	5.0 [t 3]	1.9.1	?	2.5
网络状态
src	5.0[t 1]	1.9.1	?	2.5
currentSrc
networkState
preload		2.0[note 1][g 1]		否
buffered		2.0[g 6]
load()		1.9.1		2.5
canPlayType()			533[w 3]
就绪状态
readyState	5.0[t 1]	1.9.1	?	2.5
seeking
回放状态
currentTime	5.0[t 1]	1.9.1	?	2.5
startTime		否
duration		1.9.1
paused
defaultPlaybackRate		20.0[g 7]		否
playbackRate
played		15.0[g 8]
seekable		8.0[g 9]
ended		1.9.1		2.5
autoplay
loop		11.0[g 2]
play()		1.9.1
pause()
控制
controls	5.0[t 1]	1.9.1	?	2.5
volume
muted

DOM事件

媒体元素引入新的事件处理仅适用于那些元素的情况，如暂停/恢复。

	Trident	Gecko[g 10]	WebKit	Presto
loadstart	5.0[t 4]	1.9.1	?	?
progress
suspend		1.9.2
abort		1.9.1
error
emptied
stalled		8.0[g 11]
play		1.9.1
pause
loadedmetadata
loadeddata
waiting
playing		否
canplay		1.9.1
canplaythrough
seeking
seeked
timeupdate
ended
ratechange
durationchange
volumechange

视频格式支持

主条目：HTML5视频

	Trident	Gecko	WebKit	Presto
Ogg Theora	手动安装[note 2]	1.9.1[g 12]	依情况[note 3]	2.5
H.264	5.0[t 6]	33.0[8][g 13]	依赖（525）[note 3][w 9]	依情况[note 4]
WebM VP8	手动安装[note 2]	2.0[g 14][g 15]	依赖（534）[w 10]	2.6.30[p 3][p 4][p 5]

音频格式支持

主条目：HTML5音频

	Trident	Gecko	WebKit	Presto
Ogg Vorbis	手动安装[note 2]	1.9.1[g 12]	依情况[note 3]	2.5
WAV PCM			525[note 3]	2.0
MP3	5.0[t 7]	否[g 16]		依情况[note 4]
AAC		否
Speex	手动安装[note 2]	否[g 17]	依情况[note 3]	否
Opus	IE 12 ?? [g 18]	15.0[g 19]	依情况[note 3]	否

注释

1. preload以旧名字autobuffer支持。
2. Google为多媒体应用库发布了一个WebM组件以允许WebM文件在IE9中通过标准HTML5<video>标签播放^{[t 5]}。Xiph.org分发了OpenCodecs包，其修正了Google的基于DirectShow的VP8解码器。VLC多媒体播放器附带有“网页插件”，从而使VLC从<video>与<audio>标签中播放多媒体，让其支持所有VLC支持的格式。
3. 在Mac OS X下WebKit支持QuickTime^{[w 4]}，默认情况下，其支持H.264、MP3、AAC和WAV PCM格式，如果安装了XiphQT等第三方编解码器则会额外支持Ogg Theora与Vorbis格式。Google Chrome支持Theora、Vorbis、WebM与MP3格式^{[w 5]}。Chromium可以被编译以支持任意FFmpeg支持的格式，并可以选择是否支持诸如H.264和MP3的专利格式^{[w 6]}。MorphOS上的Origyn网页浏览器也采用FFmpeg播放HTML5媒体内容。^{[w 7][w 8]}
4. 在Linux与FreeBSD上，Presto 2.5使用GStreamer库的系统版本，并且可以播放任何GStreamer支持的格式（包括H.264、MP3、AAC等, 前提是已安装解码器） 。在其他平台上，它只支持Ogg Theora格式的视频和Ogg Vorbis与WAVE PCM的音频。^{[p 2]}

参考

1. Amaya Binary Releases, Most recent download link in stable
2. Change log between EdgeHTML 12.10240 and 13.10586
3. Firefox 77.0.1, See All New Features, Updates and Fixes. mozilla.org. Mozilla基金会. 2020-06-03.
4. Firefox ESR 68.9.0, See All New Features, Updates and Fixes. mozilla.org. Mozilla基金会. 2020-06-02.
5. Index of /pub/firefox/releases/133.0b9/. 2024年11月15日 [2024年11月18日] （英语）. 引文格式1维护：未识别语文类型 (link)
6. Firefox Nightly 134.0a1, See All New Features, Updates and Fixes. 2024年10月28日 [2024年10月29日] （英语）. 引文格式1维护：未识别语文类型 (link)
7. Download for kdelibs, Most recent download link in stable
8. via OpenH264

Trident参考

1. Internet Explorer Platform Preview Guide for Developers, Microsoft, [2016-02-06], （原始内容存档于2014-03-12）
2. track element - track object (Internet Explorer). Microsoft. [12 July 2013]. （原始内容存档于2013-07-15）.
3. MSDN HTMLMediaError Object for Internet Explorer 9, Microsoft, [2016-02-06], （原始内容存档于2017-05-28）
4. video object. Microsoft. [12 July 2013]. （原始内容存档于2016-03-14）.
5. Jazayeri, Mike, More about the Chrome HTML Video Codec Change, Google, 2011-01-14 [2016-02-06], （原始内容存档于2012-10-03）
6. McCracken, Harry, Microsoft Previews the Revamped Internet Explorer 9 Platform, Technologizer, 2010-03-16 [2016-02-06], （原始内容存档于2021-02-28）
7. Branscombe, Mary, Microsoft previews Internet Explorer 9, TechRadar UK, 2010-03-16, （原始内容存档于2010-03-22）

Gecko参考

1. Bug 548523 - HTML 5 media attribute 'autobuffer' has been renamed to 'preload', Mozilla, [2016-02-06], （原始内容存档于2021-03-08）
2. Bug 449157 - Implement the looping attributes in media elements, Mozilla, [2016-02-06], （原始内容存档于2021-03-08）
3. Bug 449156 - Implement the poster attribute for the <video> element, Mozilla, [2016-02-06], （原始内容存档于2021-01-24）
4. Bug 449363 - Support media attribute of <source> elements, Mozilla, [2016-02-06], （原始内容存档于2021-03-08）
5. Bug 629350 - Implement the track element, Mozilla, [2016-02-06], （原始内容存档于2019-04-02）
6. Bug 462957 - Implement nsIDOMHTMLMediaElement::GetBuffered(), Mozilla, [2016-02-06], （原始内容存档于2021-03-07）
7. Bug 495040 - Implement playbackRate, Mozilla, [2016-02-06], （原始内容存档于2021-03-08）
8. Bug 462959 - Implement nsIDOMHTMLMediaElement::GetPlayed(), Mozilla, [2016-02-06], （原始内容存档于2021-03-08）
9. Bug 462960 - Implement nsIDOMHTMLMediaElement::GetSeekable(), Mozilla, [2016-02-06], （原始内容存档于2021-03-07）
10. Using audio and video in Firefox - Media events, Mozilla, [2016-02-06], （原始内容存档于2012-05-08）
11. Bug 481082 - Video controls should listen for |stalled| event, Mozilla, [2016-02-06], （原始内容存档于2021-03-08）
12. Shepherd, Eric, Media formats supported by the audio and video elements, Mozilla, 2010-01-28 [2009-10-11], （原始内容存档于2012年5月4日）
13. Bug 799318 - [meta] Support H.264/AAC/MP3 video/audio playback on desktop Firefox, Mozilla, [2016-02-06], （原始内容存档于2021-02-24）
14. Bug 566243 - Merge mozilla-webmedia repository to mozilla-central, Mozilla, [2016-02-06], （原始内容存档于2021-02-24）
15. Firefox WebM Builds, Mozilla, [2016-02-06], （原始内容存档于2010-06-08）
16. Bug 562730 - Reproducing Mp3 files with html5, Mozilla, [2016-02-06], （原始内容存档于2021-03-07）
17. Bug 476752 - support the speex voice codec in <audio> and <video> elements, Mozilla, [2016-02-06], （原始内容存档于2021-03-08）
18. Bringing Interoperable Real-Time Communications to the Web, Skype, [2016-02-06], （原始内容存档于2016-08-09）
19. Bug 674225 - support the Opus voice codec in <audio> and <video> elements, Mozilla, [2016-02-06], （原始内容存档于2020-11-11）

WebKit参考

1. Pfeiffer, Silvia, [whatwg] Quality Values for Media Source Elements, 2009-12-13, （原始内容存档于2011-07-19）
2. April 2012 HTML5 Media Element & WebAudio – WebKit, [2016-02-06], （原始内容存档于2021-03-08）
3. Bug 24364 - Add HTMLMediaElement canPlayType method, WebKit, [2016-02-06], （原始内容存档于2021-03-08）
4. Koivisto, Antti, HTML5 Media Support, WebKit, 2007-11-12 [2016-02-06], （原始内容存档于2021-09-04）
5. Look for "GOOGLE_CHROME_BUILD", [2016-02-06], （原始内容存档于2021-02-25）
6. DiBona, Chris, [whatwg] Google's use of FFmpeg in Chromium and Chrome Was: Re: MPEG-1 subset proposal for HTML5 video codec, Google, 2009-06-01, （原始内容存档于2011-07-19）
7. Origyn Web Browser for MorphOS, Fabian Coeurjoly, [2010-01-04], （原始内容存档于2010-03-17）
8. Holwerda, Thom, Origyn Web Browser 1.7 Supports HTML5 Media, More, OSNews, 2010-03-08 [2010-03-08], （原始内容存档于2010-03-12）
9. HTML Video Codec Support in Chrome, [2010-01-22], （原始内容存档于2011-06-21）
10. Bankoski, Jim, WebM and VP8 land in Chromium, Google, 2010-05-19 [2016-02-06], （原始内容存档于2010-05-21）

Presto参考

1. Pieters, Simon, Everything you need to know about HTML5 video and audio, Opera, 2010-03-10 [2016-02-06], （原始内容存档于2014-03-29）
2. Jägenstedt, Philip, (re-)Introducing <video>, Opera, 2009-12-31, （原始内容存档于2010-01-04）
3. Lie, Håkon Wium, Welcome, WebM <video>!, Opera, 2010-05-19, （原始内容存档于2011-03-21）
4. Mills, Chris, Opera supports the WebM video format, Opera, 2010-05-19 [2016-02-06], （原始内容存档于2011-04-05）
5. Kleinhout, Huib, Opera 10.60 goes final, Opera, 2010-07-01, （原始内容存档于2010-07-02）

外部链接

• HTML5 - 视频元素