Native Audio and Native Video

HTML5之前，在网页中实现音频和视频的播放功能需要借助第三方插件，如Adobe Flash来实现。而在HTML5中，提供了audio和video元素，使用起来更加方便。

方法一：
<audio src="music.mp3" controls>music audio</audio>
方法二：
<audio controls>
   <source src="music.mp3" type="audio/mpeg">music audio
</audio>

方法一：
var audio = new Audio();
方法二：
var audio = document.createElement('audio');

<audio id="music-audio" src="music.mp3"></audio>
var audio = document.getElementById('music-audio');

方法	描述
play()	开始播放音频
pause()	暂停当前播放的音频

音频支持类型：.acc, .mp3, .ogg, .wav, .webm
preload 预加载
    ● auto - 当页面加载后载入整个音频
    ● metadata - 当页面加载后只载入元数据
    ● none - 当页面加载后不载入音频

方法一：
<video src="movie.mp4" controls>movie video</video>
方法二：
<video controls>
   <source src="movie.mp4" type="video/mp4">movie video
</video>

var video = document.createElement('video');

<video id="movie-video" src="movie.mp4"></video>
var video = document.getElementById('movie-video');

属性	描述
width	设置视频播放器的宽度
height	设置视频播放器的高度
duration	视频的长度（以秒计）
ended	视频的播放是否已结束
error	表示视频错误状态的 MediaError 对象
loop	设置或返回视频是否应在结束时再次播放
paused	设置或返回视频是否暂停
played	返回表示视频已播放部分的 TimeRanges 对象
preload	设置或返回视频的 preload 属性的值
muted	设置或返回是否关闭声音
poster	规定视频下载时显示的图像，或者在用户点击播放按钮前显示的图像

方法	描述
play()	开始播放视频
pause()	暂停当前播放的视频

preload 预加载
    ● auto - 当页面加载后载入整个视频
    ● metadata - 当页面加载后只载入元数据
    ● none - 当页面加载后不载入视频