HTML5网页多媒体（ 音频，视频，旧版本浏览器提示，格式兼容，多媒体标签属性）

4. 网页多媒体

多媒体 embed（会使用）

embed可以用来插入各种多媒体，格式可以是 Midi、Wav、AIFF、AU、MP3等等。url为音频或视频文件及其路径，可以是相对路径或绝对路径。

<embed src="http://player.youku.com/player.php/sid/XMTI4MzM2MDIwOA==/v.swf" allowFullScreen="true" quality="high" width="480" height="400" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>

4.1. 音频

• 定义音频播放组件

<audio src="要播放的音频文件"></audio>

4.2. 视频

• 定义播放视频组件

<video src="要播放的视频文件"></video>

4.3. 旧版本浏览器提示

• 如果HTML中遇到不能识别的标签，就会将该标签当做DIV(块级元素)
• 那么video中的innerHTML也就会直接显示在界面上
• 利用这个特点我们可以实现不支持video标签的浏览器提示

<video src="demo.mp4">
  <!-- 如果浏览器不识别video标签，以下内容可以直接显示在浏览器上 -->
  <p>抱歉，您的浏览器不支持视频播放！</p>
</video>

4.4. 格式兼容

• 每个浏览器的音视频格式支持不同（版权问题）
• 需要兼容更多的浏览器，可以通过定义多个<source>的方式实现
• html解析过程中会找其中第一个能认识的格式播放，一旦找到认识的视频格式，就不会再往后找了

<video controls width=