代码实例
<video src="/yinping/yssp.mp4" poster="/uploads/allimg/20220420/1-2204201KZ4609.png" width="500px" height="300px" controls preload loop muted>您的浏览器不支持 HTML5 video 标签。</video>
尝试一下 »
点击“尝试一下”按钮查看在线实例
1、video在网页中引入视频。ie8以及以前版本不支持!
2、属性值和属性名一样,可以直接写属性名。
3、src属性:指定视频文件路径,必须要有。
4、controls属性: 是否显示播放器控件。
5、autoplay属性:视频在就绪后马上播放。
6、loop属性:视频在播放结束后重新开始,循环播放。
7、muted属性:视频属性后被静音。
8、preload属性:页面加载时就开始加载视频,并预备播放,如果使用“autoplay属性”,“preload属性”不会生效。
9、poster属性:用于在视频加载时或用户在点击播放前显示的图片
width属性和height属性
1、width属性:设置视频宽度,height属性:设置视频高度。
2、不设置,视频窗口显示原尺寸。
3、如果设置一个属性,另外一个属性会根据已设置的属性按等比例缩放。
4、如果2个属性都设置值,则会变形。
5、默认单位为像素(px),也可以使用百分比。
<video src="视频地址" poster="图片地址" width="宽度" height="高度" controls autoplay loop muted></video>