八，视频标签和音频标签

2017-01-07 本文已影响0人绝恋轩儿

1， video标签

定义：告诉浏览器，要播放的内容是一个视频。

</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>

</video>

例如：

注意：

1)当前通过video标签的第二种格式虽然能够指定所有浏览器都支持的视频格式,但是想让所有浏览

器都通过video标签播放视频还有一个前提条件,就是浏览器必须支持HTML5标签,否则同样无法播放。

2)在过去的一些浏览器是不支持HTML5标签的,所以为了让过去的一些浏览器也能够通过video标签

来播放视频,那么我们以后可以通过一个JS的框架叫做html5media来实现。

3，音频标签

定义：audio标签是用来播放音频的。

格式：

1)<audio src=" ">

</audio>

2)<audio>

</audio>

注意：

audio标签的使用和video标签的使用基本一样, video中能够使用的属性在audio标签中大部分都能够

使用, 并且功能都一样只不过有3个属性不能用, height/width/poste。