5-5.视频的引入

视频的引入:

1.使用的是video双标签,是html5新增的标签,IE8.0之前的版本不支持,用于引入视频文件

<video src="目标视频文件的路径" controls="controls" autoplay="autoplay" muted="muted" loop="loop" preload="preload" poster="预备播放前显示的目标图片的路径" >视频的引入</video>

说明:当属性名和属性值一样时,可以只写属性名

2.src属性:指定视频文件路径,必须要有


3.controls属性:显示视频播放控件


4.autoplay属性:视频在就绪后马上播放


5.loop属性:视频播放结束后重新开始,循环播放


6.muted属性:视频输出应该被静音


7.preload属性:页面加载时就开始加载视频,并预备播放.如果使用了“autoplay”属性,preload属性不会生效

8.poster属性:视频在预备播放前显示的图片,属性值是目标图片的路径

9.width属性和height属性:设置视频窗口的宽度和高度

10.video双标签的元素内容用于视频无法正常显示时提示的信息内容,最好也要填写

原文地址:https://www.cnblogs.com/yangqian666/p/15509138.html