定义媒介源
<source>
标签是 HTML 5 中的新标签,该标签允许设置可替换的视频 / 音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。
如果在 audio 元素和 video 元素中使用了 source 元素,浏览器会按照 source 元素的顺序检测指定的音频和视频是否能够播放。可能由于浏览器不支持这些音频或视频数据的格式,或者音频或视频数据不存在等原因而导致不能播放,如果不能播放,换下一个元素进行检测播放。一旦找到能够播放的格式文件后,就播放该文件而忽略随后的其它元素。
- src 属性:该属性提供媒体源的 URL 地址,与 video 元素和 audio 元素的 src 一样
- type 属性:用于说明 src 属性指定媒体文件的类型,帮助播放器判断要播放的媒体内容的类型。其属性值是一个有效的 MIME 类型字符串,例如 video/mp4 。 type 属性还存在着一个参数 codecs ,这个参数用来指定特定媒体编码解码器,如 mp4.v.20.8
- media 属性:用于说明媒体在不同种介质中使用,不设置时默认为 all ,表示支持所有介质
定义媒介外部文本轨道
<track>
标签为诸如 video 元素之类的媒介规定外部文本轨道,用于规定字幕文件或其它包含文本的文件,当媒介播放时,这些文件是可见的。
<video width="320" height="240" controls="controls">
<source src="forrest_gump.mp4" type="video/mp4" />
<source src="forrest_gump.ogg" type="video/ogg" />
<track kind="subtitles" src="subs_chi.srt" srclang="zh" label="Chinese" />
<track kind="subtitles" src="subs_eng.srt" srclang="en" label="English" />
<track kind="subtitles" src="brave.de.vtt" srclang="de" label="Deutsch" />
</video>
属性 | 属性作用 |
---|---|
class=class | 指定类 |
id=id | 指定 ID |
style=style | 指定样式 |
title=title | 指定标题 |
dir=dir | 指定文字显示的方向 |
lang=lang | 指定语言种类 |
accesskey=key | 指定快捷键 |
tabindex=n | 指定 Tab 键在控件中的移动顺序 |
contenteditable=bool | 使元素可编辑 |
contextmenu=id | 指定 contextmenu |
draggable=bool | 可拖动 |
dropzone=value | 可拖动 |
hidden | 隐藏元素 |
spellcheck=bool | 检查拼写 |