HTML <video> 标签

html <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音频编解码器

浏览器 支持

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

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

音频格式的 MIME 类型 格式 MIME-type MP4 video/mp4 WebM video/webm Ogg video/ogg

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

可选 属性 属性 值 描述 a utop lay a utop lay 如果出现该 属性 ，则视频在就绪后马上播放 controls controls 如果出现该 属性 ，则向 用户 显示 控件，比如播放按钮 height pixels 设置视频播放器的高度 loop loop 如果出现该 属性 ，则当媒介 文件 完成播放后再次开始播放 muted muted 如果出现该 属性 ，视频的音频 输出 为静音 poster URL 设置视频正在下载时 显示 的图像，直到 用户 点击播放按钮 preload auto
Meta data
none 如果出现该 属性 ，则视频在 页面 加载时进行加载，并预备播放。如果使用 "a utop lay"，则忽略该 属性 src URL 要播放的视频的 URL width pixels 设置视频播放器的宽度

范例

播放录像

<video?width="320"?height="240"?controls>
????<source?src="/static/i/html/html_video_1.?mp4"?type="video/mp4">
????<source?src="/static/i/html/html_video_1.?ogg"?type="video/ogg">
????您的浏览器 不支持 ?video? 标签 
</video>

HTML 4.01 与 HTML5之 间的 差异

<video> 标签 是 HTML5 的新 标签

HTML <wbr> 标签 ? ?HTML <var> 标签

查看更多关于HTML <video> 标签的详细内容...

声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did92352