最新的Web开发教程
 

HTML <video> Tag


播放视频:

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>
试一试»

定义和用法

<video>标记指定的视频,比如电影剪辑或其他视频流。

目前,有3所支持的视频格式为<video>元素: MP4, WebM ,和Ogg

Browser MP4 WebM Ogg
Internet Explorer YES NO NO
Chrome YES YES YES
Firefox YES
from Firefox 21
from Firefox 30 for Linux
YES YES
Safari YES NO NO
Opera YES
From Opera 25
YES YES
  • MP4 = MPEG 4文件,H264视频编解码器和AAC音频编解码器
  • WebM的=的WebM VP8与视频编解码器和Vorbis音频编解码器文件
  • 奥格= Ogg文件与Theora视频编解码器和Vorbis音频编解码器

MIME类型的视频格式

格式 MIME类型
MP4 video/mp4
WebM video/webm
Ogg video/ogg

浏览器支持

在表中的数字指定完全支持元件的第一个浏览器的版本。

元件
<video> 4 9 3.5 4 10.5

HTML 4.01和HTML5之间的差异

<video>标签是HTML5中的新。


提示和注意

提示:之间的任何文本<video></video>标签将显示在不支持的浏览器<video>元素。


可选属性

=新的HTML5。

属性 描述
autoplay autoplay 指定视频将尽快开始播放,因为它已准备就绪
controls controls 指定视频控制应显示(如播放/暂停按钮等)。
height pixels 设置视频播放器的高度
loop loop 指定视频将重新开始,每次完成时间
muted muted 指定视频的音频输出应该被静音
poster URL 指定在视频下载到显示图像,或直到用户点击播放按钮
preload auto
metadata
none
指定是否以及如何笔者认为视频应该被加载在页面加载时
src URL 指定视频文件的URL
width pixels 设置视频播放器的宽度

全局属性

<video>标签支持全局的HTML属性


事件属性

<video>标签支持的HTML事件属性


相关页面

HTML DOM参考: HTML音频/视频DOM参考


默认设置CSS

没有。