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