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

最新推荐文章于 2024-10-13 19:23:10 发布

iteye_12162

最新推荐文章于 2024-10-13 19:23:10 发布

阅读量100

点赞数

文章标签： html5

本文链接：https://blog.csdn.net/iteye_12162/article/details/82601721

版权

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

视频格式

当前，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 属性是必填的供添加播放、暂停和音量控件，否则只能显示一张截图，不能播放
[b]注意：[/b]<video> 与 </video> 之间插入的内容是供不支持 video 元素的浏览器显示的，比如在IE8上使用，则会提示下面一句话：
Your browser does not support the video tag.
[b]
其他常用属性：[/b]
属性值说明
autoplay autoplay 如果出现该属性，则视频在就绪后马上播放。
loop loop 如果出现该属性，则当媒介文件完成播放后再次开始播放。
[/size][/size][/size][/size]