HTML Video 2018-12-06

1、视频格式

    当前，video元素支持三种视频格式：Ogg、MPEG 4、WebM

    1） Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件

    2）MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件

    3）WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件

2、video 属性介绍

    1）autoplay    如果出现该属性，则视频在就绪后马上播放。（发现个问题 Mac Chrome下的autoplay并不能自动播放，需要加muted属性才能自动播放，但是视频为静音状态）

    2）controls     如果出现该属性，则相用户显示控件，比如播放按钮等。

    3）height        设置视频播放器的高度。

    4）loop            如果出现该属性，则当媒介文件完成播放后在此开始播放。

    5）preload       如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用“autoplay”，则忽略该属性。

    6)   scr              要播放的视频的ULR。

    7）width           设置视频播放器的高度。

    8）muted          规定视频的音频输出应该静音

    9）poster          规定视频下载时显示的图像，或者在用户点击播放按钮前显示的图像

3、浏览器支持

    1）IE9+ 、Firefox、Opera、Chrome 、Safari 支持video

    2）IE8以及更早版本不支持<video>标签

4、代码片段

⚠️注意：Mac 环境下的Chrome autoplay不能自动播放