h5--新增标签与属性--媒体元素audio、video

一、video

       在 video 标签出现之前，如果想在网页中播放视频或者音频数据是非常困难的。 H5 中的video 标签可以向使用 img 显示图片一样简单去播放视频。

<video src =”/home/charles/media/a.mp4" > 您的浏览器不支持 video 标签 </video>

       当前浏览器不支持 video 标签的时候，显示标签中的文本内容用以提示，如果支持则播放 src 中 指定的视频。目前绝大多数浏览器都支持 video 标签，但是支持的视频格式较少（MP4）。

video属性和方法

Video 标签提供了很多属性及方法，我们可以直接设定或者是通过 js 控制视频的显示

读写属性

src 、 autoplay 、 preload 、 poster 、 loop 、 controls 、 width 、 height

只读属性

networkState 、 currentSrc 、 buffered 、 readyState 、 volume 、 muted

方法

play 、 pause 、 load 、 canPlayType

事件

loadstart 、 progress 、 suspend 、 abord 、 error 、 emptied 、 stalled 、 paly 、 pause 、 playing 、

seeking 、 seeked 、 ended 、 ratechange 、 volumechange…

二、audio

audio 元素与 video 类似，是用来播放音频的。其属性方法事件也几乎与 video 元素一致

<audio src =”/home/charles/media/a.mp3" > 您的浏览器不支持 audio 标签 </audio>

属性：loop="loop"  循环播放

countrol="controls" 播放控件

autoplay="autoplay"  自动播放

preload="preload"  预加载