- video是HTML5的新标签,提供了播放、暂停和音量控件来控制视频。
- 同时也提供了
width和height属性来控制视频的尺寸,设置宽高显示视频的缩放区域。如果不设置的话,视频会以原始的尺寸展现。 -
<video></video>之间的内容是给不支持video元素的浏览器显示的。 -
video元素支持多个<source>元素,<source>元素可以链接不同的视频文件,浏览器将使用第一个可识别的文件。 - 当前, <video> 元素支持三种视频格式:
MP4、WebM和Ogg。
样例代码:
<video width="320" height="240" controls autoplay>
<source src="movie.mp4" alt="【HTML5】video属性">
video有一些常用的属性
| 属性 | 属性内容 |
|---|---|
| autoplay | 视频在加载就绪后马上播放 |
| controls | 向用户显示控件,列如播放按钮等 |
| loop | 当媒介文件完成播放后,再次开始播放 |
| muted | 规定视频的音频输出应该被静音 |
| poster | 规定视频下载时显示的图像,或者在用户点击播放按钮前显示的图片 |
| preload | 预加载,视频在页面加载时进行加载,并预备播放。如果使用“autoplay”属性,则忽略该属性 |
问题:video的autoplay属性在安卓系统中失效
video在安卓系统中不能实现自动播放,只能静音播放。一般来说,为了提高用户体验度,都是采用引导用户点击或者触摸的方式,监听屏幕的滑动,实现虚拟的自动播放。
© 版权声明
文章版权归作者所有,未经允许请勿转载。如内容涉嫌侵权,请在本页底部进入<联系我们>进行举报投诉!
THE END






![[C++探索之旅] 第一部分第十一课:小练习,猜单词 - 鹿快](https://img.lukuai.com/blogimg/20251015/da217e2245754101b3d2ef80869e9de2.jpg)










暂无评论内容