`

HTML5 学习笔记2--视频元素

阅读更多
[size=xx-large][size=xx-large][size=large]HTML5 规定了一种通过 video 元素来包含视频的标准方法


视频格式

当前,video 元素支持三种视频格式:
格式 IE Firefox Opera Chrome Safari
Ogg No 3.5+ 10.5+ 5.0+ No
MPEG 4 9.0+ No No 5.0+ 3.0+
WebM No 4.0+ 10.6+ 6.0+ No

Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件

MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件

WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件

示例1:
<!DOCTYPE HTML>
<html>
<body>

<video src="div+css.mp4"  width="800" height="600" controls="controls">
Your browser does not support the video tag.
</video>

</body>
</html>
其中control 属性是必填的供添加播放、暂停和音量控件,否则只能显示一张截图,不能播放
注意:<video> 与 </video> 之间插入的内容是供不支持 video 元素的浏览器显示的,比如在IE8上使用,则会提示下面一句话:
Your browser does not support the video tag.

其他常用属性:

属性            值              说明
autoplay autoplay 如果出现该属性,则视频在就绪后马上播放。
loop            loop 如果出现该属性,则当媒介文件完成播放后再次开始播放。
[/size][/size][/size]
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics