1， video标签
定义：告诉浏览器，要播放的内容是一个视频。
<video src=" ">
</video>
属性：
src：告诉video标签需要播放的视频地址；
autoplay：用来告诉video标签视频是否需要自动播放；
controls：用来告诉video标签是否显示控制条；
poster：用玉告诉video标签视频没有播放之前显示的展位图片；
loop（循环）：用于做视频广告，用于告诉video标签视频播放完毕是否需要循环播放；
preload：预加载视频（缓存），与autoplay相冲，设置了autoplay属性，preload属性就会失效；
muted：静音模式；
width/height：设置播放视频的宽度与高度，与img标签的宽高属性一样。
2，视频标签的第二种格式
为何存在第二种格式？
由于视频数据非常非常的重要,所以五大浏览器厂商都不愿意支持别人的视频格式,所以导致了没
有一种视频格式是所有浏览器都支持的。W3C为了解决这个问题,所以推出了第二个video标签的
格式，video标签的第二种格式存在的意义就是为了解决浏览器适配问题video元素支持三种视频
格式,我们可以把这三种格式都通过source标签指定给video标签,那么以后当浏览器播放视频时它
就会从这三种中选择一种自己支持的格式来播放。
格式：
<video>
<source src=" " type=" "></source>
<source src=" " type=" "></source>
</video>
例如：
注意：
1)当前通过video标签的第二种格式虽然能够指定所有浏览器都支持的视频格式,但是想让所有浏览
器都通过video标签播放视频还有一个前提条件,就是浏览器必须支持HTML5标签,否则同样无法播放。
2)在过去的一些浏览器是不支持HTML5标签的,所以为了让过去的一些浏览器也能够通过video标签
来播放视频,那么我们以后可以通过一个JS的框架叫做html5media来实现。
3，音频标签
定义：audio标签是用来播放音频的。
格式：
1)<audio src=" ">
</audio>
2)<audio>
<source src=" " type=" ">
</audio>
注意：
audio标签的使用和video标签的使用基本一样, video中能够使用的属性在audio标签中大部分都能够
使用, 并且功能都一样只不过有3个属性不能用, height/width/poste。
网友评论