h5 多媒体音频和视频

在HTML5中新加的video和radio,也对应有方法、属性和事件

以video标签为例

`<video id='video' controls = “controls”>`

// 为兼容不同格式的视频
   <source src=”1.mp4” type=”video/mp4” />
   <source src = “2.ogg” type=”video/ogg” />
   <source src=”3.webm” type=”video/webm” />
</video>

这里的controls（值为true、false） 属性是指定浏览器显示播放控件，包含播放，暂停按钮音量控制等。

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

对应的play()和pause()方法可以用来控制视频的播放和暂停

video.play(),video.pause();

<video>和<radio>都具有完善的JavaScript接口，共有一些属性，通过这些属性可以知道媒体当前以及设置属性的状态：

currentTime属性可以用来设置播放器跳转到指定播放时间（单位是秒）；

volume属性表示播放的音量值介于0-1之间，如果将muted属性设置为true则会进入静音模式，设置为false则恢复之前指定的音量继续播放；

playbackRate属性可以设置媒体的播放速度，1.0即为正常速度，大于1则表示“快进”，0-1之间表示“慢放”。负值表示回放（浏