新闻资讯
看你所看,想你所想

video(是 HTML 5 中的新标籤)

video(是 HTML 5 中的新标籤)

video(是 HTML 5 中的新标籤)

<video> 是HTML 5 中的新标籤。

<video> 标籤的作用是在 HTML 页面中嵌入视频元素。

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

基本介绍

  • 外文名:video
  • 标籤名:video
  • 出处:HTML5
  • 作用:在HTML页面中嵌入视频
  • 兼容性:IE 9+、Firefox、Chrome等

使用说明

<video> 元素支持三种视频格式:MP4、WebM、Ogg。
浏览器MP4WebMOgg
Internet Explorer 9+
Y
N
N
Chrome 6+
Y
Y
Y
Firefox 3.6+
Y
Y
Y
Safari 5+
Y
N
N
Opera 10.6+
N
Y
Y
  • 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

提示和注释

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

可选属性

属性描述
autoplay
autoplay
如果出现该属性,则视频在就绪后马上播放。
controls
controls
如果出现该属性,则向用户显示控制项,比如播放按钮。
height
pixels
设定视频播放器的高度。
loop
loop
如果出现该属性,则当媒介档案完成播放后再次开始播放。
muted
muted
如果出现该属性,视频的音频输出为静音。
poster
URL
规定视频正在下载时显示的图像,直到用户点击播放按钮。
preload
auto
metadata
none
如果出现该属性,则视频在页面载入时进行载入,并预备播放。如果使用 "autoplay",则忽略该属性。
src
URL
要播放的视频的 URL。
width
pixels
设定视频播放器的宽度。

全局属性

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

事件属性

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

转载请注明出处海之美文 » video(是 HTML 5 中的新标籤)

相关推荐

    声明:此文信息来源于网络,登载此文只为提供信息参考,并不用于任何商业目的。如有侵权,请及时联系我们:ailianmeng11@163.com