HTML 视频(Video)
使用 HTML5 <video> 元素
HTML5 <video> 标签定义了一个视频或者影片.
<video> 元素在所有现代浏览器中都支持。
以下 HTML 片段会显示一段嵌入网页的 ogg、mp4 或 webm 格式的视频:
实例
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
<source src="movie.webm" type="video/webm">
您的浏览器不支持 video 标签。
</video>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
<source src="movie.webm" type="video/webm">
您的浏览器不支持 video 标签。
</video>
可选属性
属性 | 值 | 描述 |
---|---|---|
autoplayNew | autoplay | 如果出现该属性,则视频在就绪后马上播放。 |
controlsNew | controls | 如果出现该属性,则向用户显示控件,比如播放按钮。 |
heightNew | pixels | 设置视频播放器的高度。 |
loopNew | loop | 如果出现该属性,则当媒介文件完成播放后再次开始播放。 |
mutedNew | muted | 如果出现该属性,视频的音频输出为静音。 |
posterNew | URL | 规定视频正在下载时显示的图像,直到用户点击播放按钮。 |
preloadNew | auto metadata none |
如果出现该属性,则视频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。 |
srcNew | URL | 要播放的视频的 URL。 |
widthNew | pixels | 设置视频播放器的宽度。 |
时间如白驹过隙,忽然而已,且行且珍惜......