HTML5媒体元素audio，video

音频(audio)和视频(video)

1、支持格式

• 音频支持格式：mp3，wav，ogg

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  您的浏览器不支持 audio 元素。
</audio>

• 视频支持格式：mp4，ogg，webm

<video width="320" height="240" controls>
    <source src="movie.mp4" type="video/mp4">
    <source src="movie.ogg" type="video/ogg">
    您的浏览器不支持 video 标签。
</video>

2、标签属性

• 音频：autoplay，controls，loop，muted，preload，src
• 视频：autoplay，controls，loop，muted，width，height，poster，preload，src

3、方法

load()	重新加载音频/视频元素
play()	开始播放音频/视频元素
plause()	暂停播放音频/视频元素

4、事件

durationchange	当音频/视频的时长已更改时
ended	当目前的播放列表已结束时
pause	当音频/视频已暂停时
play	当音频/视频已开始或不再暂停时
ratechange	当音频/视频的播放速度已更改时
timeupdate	当目前的播放位置已更改时
volumechange	当音量已更改时

5、事件属性

只读属性

duration	返回当前的总时长
currentSrc	返回当前URL
ended	返回是否已结束
paused	返回是否已暂停

获取并可修改属性

autoplay	设置或返回是否自动播放
controls	设置或返回是否显示控件（比如播放/暂停等）
loop	设置或返回是否是循环播放
muted	设置或返回是否静音
currentTime	设置或返回当前播放位置（以秒计）
volume	设置或返回音量（规定音频/视频的当前音量。必须是介于 0.0 与 1.0 之间的数字。） 1.0 是最高音量（默认）；0.5 是一半音量 （50%）； 0.0 是静音
playbackRate	设置或返回播放速度