No.14 HTML之特有标签

①video标签（用来播放视频）

格式：<video src=" ">

</video>

它的格式和img标签的格式很相似，但img标签是单标签。

video标签中的一些属性：

src：用于告诉video标签，视频所在的地址。

autopaly="autoplay"，可以自动播放视频。因为在默认情况下，视频是不会自动播放的，但是加上这个属性之后，视频在打开网页之后会自动播放。

controls="controls"：告诉video标签要显示控制条（可以显示进度，音量，暂停，全屏等等）

poster：在视频未播放之前，显示一张图片，告诉video标签这张图片所在的地址。

loop="loop"：一般用于做网页中的小的广告视频，用于进行循环播放视频

preload:预加载视频，在视频播放之前可以先加载到本地。但是需要注意preload和autoplay属性是相冲突的。

muted=“muted”:静音

width/height:推荐只设置其中的一个，否则容易产生视频的变形。

②video标签（第二种格式）

由于没有一种视频格式是在五大浏览器中都能够播放的，因此为了解决视频在浏览器中的适配问题，W3C推出了video标签的第二种格式。通过不同的source把三种视频格式都指定给video标签，从而可以针对不同的浏览器都可以播放该视频。

(ps: .webm格式是专门用于在网页中播放的视频格式，.ogg也是一种视频格式，.mp4也是一种视频格式)

格式：

<video>

<source src=" " type=""> </source>

<source src=" " type=" "> </source>

</video>

例如：

<video>
       <source src="" type="video/webm">
       <source src="" type="video/mp4">
       <source src="" type="video/ogg">
</video>

要注意 type中的类型一定要和src中指定的视频地址中的视频类型是保持一致的。

今天就搞这么多，有点累了。今晚早点休息~