跳到主要内容

定义媒介源

<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检查拼写