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双标签的元素内容用于视频无法正常显示时提示的信息内容,最好也要填写
posted on 2021-11-04 17:11 Walker-Yang 阅读(137) 评论(0) 编辑 收藏 举报