HTML5页面中的多媒体(笔记)

HTML-多媒体

---

HTML5中

新增<video>与<audio>标签

使用方法：（以<audio>标签为例）只要把音频的URL赋值给指定标签的src属性就可以了。

<video>与<audio>属性

• src为媒体数据URL
• autoplay为指定数据页面加载后是否自动播放

<video src="sample.mov" autoplay="autoplay"></video>

• perload为指定视频或音频数据是否预加载

  • none：不进行预加载

  • metadata：只预加载媒体的元数据

  • auto：预加载全部视频或音频

• poster(<video>独有)：视频不可用时，指定代替图片在video的位置。
• loop：媒体数据是否循环播放
• control：指定是否为媒体数据添加播放的控制条
• width，height：设置视频宽高
• muted：设置媒体的静音状态（true or false）

---

<audio src="http://mingri/demo/test.mp3">您的浏览器不支持audio标签</audio>

• 通过这种方法，可以把指定的音频数据直接嵌入网页上，“您的浏览器不支持audio标签”为替代文字。

---

可以通过<source>来为同一个媒体数据指定多个播放格式和编码方式。
<source>标签有以下几种属性：

• src属性是指播放媒体的URL地址
• type属性表示媒体类型，其属性值为播放文件的MIME类型，
  • 该属性中的codecs参数表示媒体的编码格式

<video>
    <source src="demo/sample.ogv" type="video/ogg; codecs='theora, vorbis'"/>
    <source src="demo/sample.mov" type="video/quicktime"/>
</video>