HTML5 使用 video
■知识点
HTML5新增的<video>标签可以播放视频文件或视频流,支持Ogg、MPEG4、WebM等视频格式,
用法如下。
<video src="samplemovie.mp4" controls="controls"></video>
其中src属性用于指定要播放的视频文件,controls属性用于提供播放、暂停和音量控件。<vide0>标签支持的属性如表所示。
属 性 | 值 | 说 明 |
autoplay | autoplay | 如果出现该属性,则视频在就绪后马上播放 |
controls | controls | 如果出现该属性,则向用户显示控件,如播放按钮 |
height | pixels | 设置视频播放器的髙度 |
loop | loop | 如果出现该属性,则当媒介文件完成播放后再次开始播放 |
muted | muted | 设置视频的音频输出应该被静音 |
poster | URL | 设置视频下载时显示的图像,或者在用户点击播放按钮前显示的图像 |
preload | preload | 如果出现该属性,则视频在页面加载时进行加载,并预备播放;如果使用autoplay, 则忽略该属性 |
src | URL | 要播放的视频的URL |
width | pixels | 设置视频播放器的宽度 |
如果浏览器不支持<video>标签,可以在<video>与</video>标识符之间嵌入替换的HTML字符串, 这样早期浏览器就可以显示这些信息了。
<video src="test.mp4" controls="controls"
您的浏览器不支持〈video〉标签。
</video>
点击加载更多评论>>