HTML <video> 标签

• 

  <video>标签定义和用法

  <video>标记指定视频，例如影片剪辑或其他视频流。
  目前，<video>元素支持3种视频格式：MP4，WebM和Ogg：

  • MP4 = 具有H264视频编解码器和AAC音频编解码器的MPEG4文件
  • WebM = 具有VP8视频编解码器和Vorbis音频编解码器的WebM文件
  • Ogg = 带有Theora视频编解码器和Vorbis音频编解码器的Ogg文件

  浏览器	MP4	WebM	OGG
  	支持	不支持	不支持
  	支持	支持	支持
  	支持。21.0(含)以上。FireFox For Linux 30.0(含)以上	支持	支持
  	支持	不支持	不支持
  	支持 Opera 25.0(含)以上	支持	支持

  音频格式的MIME类型:

  文件格式	媒体类型
  MP4	video/mp4
  WebM	video/webm
  OGG	video/ogg

  提示： <video>和</video>之间的任何文本都将显示在不支持<video>标记的浏览器中。

• 

  <video>标签浏览器支持

  Internet Explorer	Chrome	FireFox	Safari	Opera
  9.0（含）以上支持	4.0（含）以上支持	3.5（含）以上支持	4.0（含）以上支持	10.5（含）以上支持

• 

  <video>实例

  <video width="320" height="240" controls>
    <source src="/images/video/demo.mp4" type="video/mp4">
    <source src="/images/video/demo.ogg" type="video/ogg">
    您的浏览器不支持video标记。
  </video>

  尝试一下
• 

  <video>HTML4.01和HTML5之间的差异

  <video>标签是HTML5中的新标签。

• 

  <video>属性值

  属性名	属性值	描述
  autoplay	autoplay	指定视频在准备就绪后立即开始播放
  controls	controls	指定应显示视频控件（例如播放/暂停按钮等）。
  height	pixels	设置视频播放器的高度
  loop	loop	指定视频每次完成时都会重新开始
  muted	muted	指定应将视频的音频输出静音
  poster	URL	指定在下载视频时显示的图像，或者直到用户点击播放按钮
  preload	auto metadata none	指定作者是否以及如何在页面加载时认为应加载视频
  src	URL	指定视频文件的URL
  width	pixels	设置视频播放器的宽度

• 

  <video>全局属性

  <video>标签还支持全局属性。

  查看有关全局属性的更多知识。

• 

  <video>事件属性

  <video>标签还支持事件属性。

  查看有关事件属性的更多知识。

• 

  <video>标签相关页面

  HTML教程：HTML视频

• 

  <video>默认CSS设置

  没有。