中国最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2

HTML参考手册

  • HTML 标签列表(字母排序)
  • HTML 标签列表(功能排序)
  • HTML 全局属性
  • HTML 事件
  • HTML 画布
  • HTML 音频/视频
  • HTML 有效DOCTYPES
  • HTML 颜色名
  • HTML 在线拾色器
  • HTML 颜色混搭
  • HTML 字符集
  • HTML ASCII 参考手册
  • HTML ISO-8859-1 参考手册
  • HTML 符号实体参考手册
  • HTML URL 编码参考手册
  • HTML 语言代码参考手册
  • HTTP 状态消息
  • HTTP 方法:GET 对比 POST
  • Px、Em 换算工具
  • px,pt,em 换算表
  • px、em、rem区别介绍
  • 键盘快捷键
  • HTML标签

  • HTML track kind 属性
  • HTML video autoplay 属性
  • HTML video controls 属性
  • HTML track label 属性
  • HTML video height 属性
  • HTML track src 属性
  • HTML video loop 属性
  • HTML track srclang 属性
  • HTML video muted 属性
  • HTML tr align 属性
  • HTML video poster 属性
  • HTML tr bgcolor 属性
  • HTML video preload 属性
  • HTML tr char 属性
  • HTML video src 属性
  • HTML tr charoff 属性
  • HTML video width 属性
  • HTML tr valign 属性
  • HTML track default 属性
  • HTML tbody valign 属性
  • HTML script src 属性
  • HTML tbody charoff 属性
  • HTML script type 属性
  • HTML tbody char 属性
  • HTML q cite 属性
  • HTML tbody align 属性
  • HTML ol compact 属性
  • HTML style media 属性
  • HTML ol reversed 属性
  • HTML style scoped 属性
  • HTML ol start 属性
  • HTML style type 属性
  • HTML ol type 属性
  • HTML script async 属性
  • HTML script charset 属性
  • HTML script defer 属性
  • HTML embed height 属性
  • HTML button formaction 属性
  • HTML basefont face 属性
  • HTML embed src 属性
  • HTML button formenctype 属性
  • HTML embed type 属性
  • HTML button formmethod 属性
  • HTML basefont size 属性
  • HTML embed width 属性
  • HTML button formnovalidate 属性
  • HTML meta charset 属性
  • HTML dir compact 属性
  • HTML button formtarget 属性
  • HTML meta content 属性
  • HTML del cite 属性
  • HTML meta http-equiv 属性
  • HTML button name 属性
  • HTML del datetime 属性
  • HTML meta name 属性
  • HTML button type 属性
  • HTML button autofocus 属性
  • HTML button value 属性
  • HTML meta scheme 属性
  • HTML button disabled 属性
  • HTML menu label 属性
  • HTML button form 属性
  • HTML menu type 属性
  • HTML basefont color 属性
  • HTML map name 属性
  • HTML fieldset disabled 属性
  • HTML fieldset form 属性
  • HTML fieldset name 属性
  • HTML <video> 标签

    阅读 (2027)

    HTML <video> 标签


    实例

    播放录像:

    <video width="320" height="240" controls>
    <source src="/upload/help/movie.mp4" type="video/mp4">
    <source src="/upload/help/movie.ogg" type="video/ogg">
    您的浏览器不支持 video 标签。
    </video>

    尝试一下 »

    浏览器支持

    Internet ExplorerFirefoxOperaGoogle ChromeSafari

    IE 9+、Firefox、Opera、Chrome 和 Safari 都支持 <video> 标签。

    注释:IE 8 或更早版本的 IE 浏览器不支持 <video> 标签。


    标签定义及使用说明

    <video> 标签定义视频,比如电影片段或其他视频流。

    目前,<video> 元素支持三种视频格式:MP4、WebM、Ogg。

    浏览器 MP4 WebM Ogg
    Internet Explorer YES NO NO
    Chrome YES YES YES
    Firefox YES
    从 Firefox 21 版本开始
    Linux 系统从 Firefox 30 开始
    YES YES
    Safari YES NO NO
    Opera YES
    从 Opera 25 版本开始
    YES YES
    • MP4 = MPEG 4文件使用 H264 视频编解码器和AAC音频编解码器
    • WebM = WebM 文件使用 VP8 视频编解码器和 Vorbis 音频编解码器
    • Ogg = Ogg 文件使用 Theora 视频编解码器和 Vorbis音频编解码器

    音频格式的 MIME 类型

    格式 MIME-type
    MP4 video/mp4
    WebM video/webm
    Ogg video/ogg


    HTML 4.01 与 HTML5之间的差异

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


    提示和注释

    提示:可以在 <video> 和 </video> 标签之间放置文本内容,这样不支持 <video> 元素的浏览器就可以显示出该标签的信息。


    可选属性

    New :HTML5 中的新属性。

    属性 描述
    autoplayNew autoplay 如果出现该属性,则视频在就绪后马上播放。
    controlsNew controls 如果出现该属性,则向用户显示控件,比如播放按钮。
    heightNew pixels 设置视频播放器的高度。
    loopNew loop 如果出现该属性,则当媒介文件完成播放后再次开始播放。
    mutedNew muted 如果出现该属性,视频的音频输出为静音。
    posterNew URL 规定视频正在下载时显示的图像,直到用户点击播放按钮。
    preloadNew auto
    metadata
    none
    如果出现该属性,则视频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。
    srcNew URL 要播放的视频的 URL。
    widthNew pixels 设置视频播放器的宽度。

    全局属性

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


    事件属性

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

    关闭
    程序员人生