Video(HTML)标签

 

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

常用属性：
* src 视频源路径，要播放的视频的 URL。

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

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

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

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

浏览器控件应该包括：

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

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

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

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

支持以下类型浏览器：

 

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

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

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

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

浏览器支持：

除了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