HTML5 Video标签

Video(HTML)标签

<video src='视频源' controls></video>

常用属性：

• src 视频源路径，要播放的视频的 URL。

• controls 播放控件，如果出现该属性，则向用户显示控件，比如播放按钮。

  controls 属性是一个 boolean(布尔) 属性。

  controls 属性规定浏览器应该为视频提供播放控件。

如果设置了该属性，则规定不存在作者设置的脚本控件。

浏览器控件应该包括：

播放
暂停
定位
音量
全屏切换
字幕（如果可用）
音轨（如果可用）

• autoplay 自动播放，如果出现该属性，则视频在就绪后马上播放。

  autoplay 属性是 boolean(布尔) 属性。

  autoplay 属性规定一旦视频就绪马上开始播放。如果设置了该属性，视频将自动播放。

支持以下类型浏览器：

   Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

  preload 属性规定是否在页面加载后载入视频。

如果设置了 autoplay 属性，则忽略该属性。

注意： 如果使用 autoplay 属性 preload 将被忽略。

浏览器支持：

Internet ExplorerFirefoxOperaGoogle ChromeSafari

除了Internet Explorer，所有主流浏览器都支持 preload 属性。

• loop 循环播放，如果出现该属性，则当媒介文件完成播放后再次开始播放。

  loop 属性是一个 boolean（布尔） 属性。

  loop 属性规定当视频结束后将重新开始播放。

如果设置该属性，则视频将循环播放。

* width 设置视频播放器的宽度  
* height 设置视频播放器的高度

<video controls preload="none"> 
<source src="movie.mp4" type="video/mp4"> 
<source src="movie.ogg" type="video/ogg"> 
您的浏览器不支持 video 标签。 
</video>

2020-02-26