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设置

    没有。