- <head>
- <meta charset="UTF-8">
- <title>视频引入</title>
- </head>
- <body>
- <!--video:在网页中引入音频
- IE8以及之前版本不支持
-
- 属性名和属性值一样,可以只写属性名
-
- src属性:指定视频文件路径,必须要有
- controls属性:显示播放控件,
- autoplay属性:视频在就绪后马上播放
- loop属性:视频播放结束后重新开始
- muted属性:视频输出应该被静音
- preload属性:页面加载时就开始加载视频,并预备播放.如果使用了“autoplay”属性,preload属性不会生效
-
- width属性和height属性:
- 1.width属性:设置视频窗口宽度,height属性:设置视频窗口高度
- 2.不设置,视频窗口会按原始尺寸显示
- 3.如果只设置1个属性,另一个会根据已设置的属性等比例缩放
- 4.如果2个属性width属性和height属性都设置,可能会变形
- 5.默认单位为像素,也可以使用百分比
-
-
- poster属性:用于在视频加载时或用户在点击播放前显示的图片,属性值是图片路径
- -->
-
- <!--<audio src="m/wdzg.mp3" controls autoplay loop muted preload></audio>-->
-
- <video src="v/wdzg.mp4" poster="img/logo.png" width="600" height="400" controls loop muted preload>
- 您的浏览器不支持video
- </video>
-
- </body>
- </html>
复制代码 视频引入和音频引入除了标签不一样,他们的属性都是一样的
在这里插入图片描述
画圈的视频在没播放前展示的图片
poster属性:用于在视频加载时或用户在点击播放前表现的图片,属性值是图片路径,poster属性经常用于视频播放前的广告
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。 |