<source> - 媒体源

首页 > HTML标签 > <source>

■ 摘要

项目说明
形式<source src="...">
支持H5+ / e9+ / Fx3.5+ / Op10.5+ / Ch1+ / Sa3.1+
标签省略开始标签:必须,结束标签:无
可包含元素块元素 / 内联元素

■ 说明

videoaudio 标签的子元素,用来指定复数的媒体源。

下面的例子里,浏览器如果支持MP3则播放音频,不支持MP3的时候无法播放音频。

<audio src="xxx.mp3" autoplay></audio>

而如果像下面这样指定了复数的媒体源的话,当浏览器支持MP3时会播放MP3,不支持MP3的时候会按顺序播放下面的WAV或OGG音频。

<audio autoplay>
  <source src="xxx.mp3" type="audio/mp3">
  <source src="xxx.wav" type="audio/wav">
  <source src="xxx.ogg" type="audio/ogg">
</audio>

source 元素的 onerror 属性可以在所有格式都不被浏览器支持的时候,执行 JavaScript 处理。

<audio autoplay>
  <source src="xxx.mp3" type="audio/mp3">
  <source src="xxx.wav" type="audio/wav">
  <source src="xxx.ogg" type="audio/ogg" onerror="error()">
</audio>

■ 属性

【特性】
属性意义
src=urlH5+。指定媒体源的URL。
type=typeH5+。指定媒体类型(MIME类型)。
media=mediaH5+。指定媒体。

【一般属性】
属性意义
class=classH5+。指定类。
id=idH5+。指定ID。
style=styleH5+。指定样式。
title=titleH5+。指定标题。
dir=dirH5+。指定文字显示的方向。
lang=langH5+。指定语言种类。
accesskey=keyH5+。指定快捷键。
tabindex=nH5+。指定TAB键在控件中的移动顺序。
contenteditable=boolH5+。使元素可编辑。
contextmenu=idH5+。指定contextmenu。
draggable=boolH5+。可拖动。
dropzone=valueH5+。可拖放。
hiddenH5+。隐藏元素。
spellcheck=boolH5+。检查拼写。

■ 举例

HTML代码
<audio autoplay>
  <source src="xxx.mp3" type="audio/mp3">
  <source src="xxx.wav" type="audio/wav">
  <source src="xxx.ogg" type="audio/ogg">
</audio>

■ 相关

<audio><video>