·您当前的位置:主页 > 技术教程 > Html5技术 >

[html5]html5视频播放器几个常用的范例源代码

时间:2017-03-09 18:27来源:bug315  极酷网页播放器
如今许多时髦的网站都会提供视频播放功能,但是目前仍然不存在一项在网页上显示视频的标准。[html5]html5视频播放器几个常用的范例源代码

如今许多时髦的网站都会提供视频播放功能,但是目前仍然不存在一项在网页上显示视频的标准。大多数视频是通过插件(比如 Flash)来显示的。然而,并非所有浏览器都拥有同样的插件。HTML5 规定了一种通过 video 元素来包含视频的标准方法。

1、<video>标签的属性介绍

属性 描述
autoplay autoplay 如果出现该属性,则视频在就绪后马上播放。
controls controls 如果出现该属性,则向用户显示控件,比如播放按钮。
height pixels 设置视频播放器的高度。
width pixels 设置视频播放器的宽度。
loop loop 如果出现该属性,则当媒介文件完成播放后再次开始播放。
preload preload

如果出现该属性,则视频在页面加载时进行加载

,并预备播放。如果使用 "autoplay",则忽略该属性。

src url 要播放的视频的 URL。

当前,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 文件