码农教程 - 一技在手,衣食无忧! tools

HTML <video> 标签

❮上一节 完整的 HTML参考 下一节❯

示例

播放视频：

<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>标签用于在文档中嵌入视频内容，例如影片剪辑或其他视频流。

这个<video>标签包含一个或多个<source>不同视频源的标签。浏览器将选择它支持的第一个源。

之间的文字<video>和</video>标签只会在不支持 <video> 元素的浏览器中显示。

HTML 支持三种视频格式：MP4、WebM 和 OGG。

Browser MP4 WebM Ogg
Edge YES YES YES
Chrome YES YES YES
Firefox YES YES YES
Safari YES YES NO
Opera YES YES YES

提示和注释

提示：对于音频文件，请查看 <audio>标签。

浏览器支持

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

Element
<video> 4.0 9.0 3.5 3.1 11.5

可选属性

Attribute Value Description
autoplay autoplay Specifies that the video will start playing as soon as it is ready
controls controls Specifies that video controls should be displayed (such as a play/pause button etc).
height pixels Sets the height of the video player
loop loop Specifies that the video will start over again, every time it is finished
muted muted Specifies that the audio output of the video should be muted
poster URL Specifies an image to be shown while the video is downloading, or until the user hits the play button
preload auto
metadata
none		 Specifies if and how the author thinks the video should be loaded when the page loads
src URL Specifies the URL of the video file
width pixels Sets the width of the video player

全局属性

这个<video>标签还支持HTML 中的全局属性。

事件属性

这个<video>标签还支持HTML 中的事件属性。

相关页面

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

默认 CSS 设置

没有任何。


❮上一节 完整的 HTML参考 下一节❯