HTML5规范定义了几个标签,允许在语义上原生包含视频和音频。下表比较了排版引擎之间对这一规范各个方面的支持。
表格说明
这里使用后端的引擎名而不是浏览器的名称。使用各浏览器引擎的浏览器如下表所示。
更多信息 排版引擎, 发行版本 ...
关闭
- chromium / chromium/blink. chromium.googlesource.com. Google. [2014-05-27].
- 在Konqueror中,用户可以切换排版引擎。
- WebKit Nightly Builds. webkit.org. [2014-05-27].
Remove ads
以下各格的颜色表示该排版引擎的最新版本或指定版本(如果给出版本号的话)对该功能的支持程度。没有取值的版本号表示该排版引擎首次完全支持该功能。
更多信息 取值, 含义 ...
取值 | 含义 |
---|---|
是 | 表示该排版引擎完全地支持该功能或元素。 |
否 | 表示该功能或元素尚未有支持。 |
部分 | 表示该功能或元素有实现进展,但并不支持所有取值,对于已支持的取值,该实现是正确的。 |
不正确 | 表示该功能或元素有实现进展,但是实现并非在所有情况都是正确无误的。 |
实验性质 | 表示该功能或元素有实现进展,但是使用另外的属性或元素名(浏览器前辍)。多半是不完全实现或是有过多的漏洞。 |
抛弃 | 表示该属性/元素不再受到支持。 |
每日构建 | 表示该功能或元素在未发布的版本有某种程度的支持。预期将有完整支持。 |
依情况 | 表示该属性/元素仅在某些平台支持或设定在某些配置后支持。 |
关闭
元素属性
媒体元素允许在标签中直接设置某些属性
更多信息 Trident, Gecko ...
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
|
关闭
Remove ads
DOM属性
与媒体元素有关的一些属性包含在DOM中。
更多信息 Trident, Gecko ...
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
|
关闭
Remove ads
DOM事件
媒体元素引入新的事件处理仅适用于那些元素的情况,如暂停/恢复。
更多信息 Trident, Gecko[g 10] ...
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
|
关闭
视频格式支持
音频格式支持
注释
preload
以旧名字autobuffer
支持。- Google为多媒体应用库发布了一个WebM组件以允许WebM文件在IE9中通过标准HTML5<video>标签播放[t 5]。Xiph.org分发了OpenCodecs包,其修正了Google的基于DirectShow的VP8解码器。VLC多媒体播放器附带有“网页插件”,从而使VLC从
<video>
与<audio>
标签中播放多媒体,让其支持所有VLC支持的格式。
参考
- Amaya Binary Releases, Most recent download link in stable
- Firefox 77.0.1, See All New Features, Updates and Fixes. mozilla.org. Mozilla基金会. 2020-06-03.
- Firefox ESR 68.9.0, See All New Features, Updates and Fixes. mozilla.org. Mozilla基金会. 2020-06-02.
- Index of /pub/firefox/releases/134.0b9/. 2024年12月11日 [2024年12月12日] (英语). 引文格式1维护:未识别语文类型 (link)
- Firefox Nightly 135.0a1, See All New Features, Updates and Fixes. 2024年11月25日 [2024年11月26日] (英语). 引文格式1维护:未识别语文类型 (link)
- Download for kdelibs, Most recent download link in stable
- Internet Explorer Platform Preview Guide for Developers, Microsoft, [2016-02-06], (原始内容存档于2014-03-12)
- track element - track object (Internet Explorer). Microsoft. [12 July 2013]. (原始内容存档于2013-07-15).
- MSDN HTMLMediaError Object for Internet Explorer 9, Microsoft, [2016-02-06], (原始内容存档于2017-05-28)
- video object. Microsoft. [12 July 2013]. (原始内容存档于2016-03-14).
- Jazayeri, Mike, More about the Chrome HTML Video Codec Change, Google, 2011-01-14 [2016-02-06], (原始内容存档于2012-10-03)
- McCracken, Harry, Microsoft Previews the Revamped Internet Explorer 9 Platform, Technologizer, 2010-03-16 [2016-02-06], (原始内容存档于2021-02-28)
- Branscombe, Mary, Microsoft previews Internet Explorer 9, TechRadar UK, 2010-03-16, (原始内容存档于2010-03-22)
- Bug 548523 - HTML 5 media attribute 'autobuffer' has been renamed to 'preload', Mozilla, [2016-02-06], (原始内容存档于2021-03-08)
- Bug 449157 - Implement the looping attributes in media elements, Mozilla, [2016-02-06], (原始内容存档于2021-03-08)
- Bug 449156 - Implement the poster attribute for the <video> element, Mozilla, [2016-02-06], (原始内容存档于2021-01-24)
- Bug 449363 - Support media attribute of <source> elements, Mozilla, [2016-02-06], (原始内容存档于2021-03-08)
- Bug 629350 - Implement the track element, Mozilla, [2016-02-06], (原始内容存档于2019-04-02)
- Bug 462957 - Implement nsIDOMHTMLMediaElement::GetBuffered(), Mozilla, [2016-02-06], (原始内容存档于2021-03-07)
- Bug 495040 - Implement playbackRate, Mozilla, [2016-02-06], (原始内容存档于2021-03-08)
- Bug 462959 - Implement nsIDOMHTMLMediaElement::GetPlayed(), Mozilla, [2016-02-06], (原始内容存档于2021-03-08)
- Bug 462960 - Implement nsIDOMHTMLMediaElement::GetSeekable(), Mozilla, [2016-02-06], (原始内容存档于2021-03-07)
- Using audio and video in Firefox - Media events, Mozilla, [2016-02-06], (原始内容存档于2012-05-08)
- Bug 481082 - Video controls should listen for |stalled| event, Mozilla, [2016-02-06], (原始内容存档于2021-03-08)
- Shepherd, Eric, Media formats supported by the audio and video elements, Mozilla, 2010-01-28 [2009-10-11], (原始内容存档于2012年5月4日)
- Bug 799318 - [meta] Support H.264/AAC/MP3 video/audio playback on desktop Firefox, Mozilla, [2016-02-06], (原始内容存档于2021-02-24)
- Bug 566243 - Merge mozilla-webmedia repository to mozilla-central, Mozilla, [2016-02-06], (原始内容存档于2021-02-24)
- Firefox WebM Builds, Mozilla, [2016-02-06], (原始内容存档于2010-06-08)
- Bug 562730 - Reproducing Mp3 files with html5, Mozilla, [2016-02-06], (原始内容存档于2021-03-07)
- Bug 476752 - support the speex voice codec in <audio> and <video> elements, Mozilla, [2016-02-06], (原始内容存档于2021-03-08)
- Bringing Interoperable Real-Time Communications to the Web, Skype, [2016-02-06], (原始内容存档于2016-08-09)
- Bug 674225 - support the Opus voice codec in <audio> and <video> elements, Mozilla, [2016-02-06], (原始内容存档于2020-11-11)
- Pfeiffer, Silvia, [whatwg] Quality Values for Media Source Elements, 2009-12-13, (原始内容存档于2011-07-19)
- April 2012 HTML5 Media Element & WebAudio – WebKit, [2016-02-06], (原始内容存档于2021-03-08)
- Bug 24364 - Add HTMLMediaElement canPlayType method, WebKit, [2016-02-06], (原始内容存档于2021-03-08)
- Koivisto, Antti, HTML5 Media Support, WebKit, 2007-11-12 [2016-02-06], (原始内容存档于2021-09-04)
- Look for "GOOGLE_CHROME_BUILD", [2016-02-06], (原始内容存档于2021-02-25)
- 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)
- Origyn Web Browser for MorphOS, Fabian Coeurjoly, [2010-01-04], (原始内容存档于2010-03-17)
- Holwerda, Thom, Origyn Web Browser 1.7 Supports HTML5 Media, More, OSNews, 2010-03-08 [2010-03-08], (原始内容存档于2010-03-12)
- HTML Video Codec Support in Chrome, [2010-01-22], (原始内容存档于2011-06-21)
- Bankoski, Jim, WebM and VP8 land in Chromium, Google, 2010-05-19 [2016-02-06], (原始内容存档于2010-05-21)
- Pieters, Simon, Everything you need to know about HTML5 video and audio, Opera, 2010-03-10 [2016-02-06], (原始内容存档于2014-03-29)
- Jägenstedt, Philip, (re-)Introducing <video>, Opera, 2009-12-31, (原始内容存档于2010-01-04)
- Lie, Håkon Wium, Welcome, WebM <video>!, Opera, 2010-05-19, (原始内容存档于2011-03-21)
- Mills, Chris, Opera supports the WebM video format, Opera, 2010-05-19 [2016-02-06], (原始内容存档于2011-04-05)
- Kleinhout, Huib, Opera 10.60 goes final, Opera, 2010-07-01, (原始内容存档于2010-07-02)
外部链接
Wikiwand in your browser!
Seamless Wikipedia browsing. On steroids.
Every time you click a link to Wikipedia, Wiktionary or Wikiquote in your browser's search results, it will show the modern Wikiwand interface.
Wikiwand extension is a five stars, simple, with minimum permission required to keep your browsing private, safe and transparent.
Remove ads