- 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" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
</video>
video有一些常用的属性
属性 | 属性内容 |
---|---|
autoplay | 视频在加载就绪后马上播放 |
controls | 向用户显示控件,比如播放按钮等 |
loop | 当媒介文件完成播放后,再次开始播放 |
muted | 规定视频的音频输出应该被静音 |
poster | 规定视频下载时显示的图像,或者在用户点击播放按钮前显示的图片 |
preload | 预加载,视频在页面加载时进行加载,并预备播放。如果使用“autoplay”属性,则忽略该属性 |
问题:video的autoplay属性在安卓系统中失效
video
在安卓系统中不能实现自动播放,只能静音播放。一般来说,为了提高用户体验度,都是采用引导用户点击或者触摸的方式,监听屏幕的滑动,实现虚拟的自动播放。
网友评论