HTML5的学习之路——视频、音频

HTML5的学习之路

视频、音频

Web 上的视频、音频

许多时髦的网站都提供视频、音频。HTML5 提供了展示视频、音频的标准。直到现在，仍然不存在一项旨在网页上显示视频、音频的标准。今天，大多数视频、音频是通过插件（比如 Flash）来显示的。然而，并非所有浏览器都拥有同样的插件。HTML5 规定了一种通过 video 元素来包含视频的标准方法;通过 audio 元素来包含音频的标准方法,audio 元素能够播放声音文件或者音频流。

视频、音频格式

1、当前，video 元素支持两种视频格式：

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

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

2、当前，audio 元素支持三种音频格式

如何使用

如需在 HTML5 中显示视频，您所有需要的是：

视频

音频

control 属性供添加播放、暂停和音量控件。

包含宽度和高度属性也是不错的主意。

要确保适用于各个浏览器，视频、音频文件必须是浏览器可识别的类型。video和audio 元素允许多个 source 元素。source 元素可以链接不同的视频、音频文件。解决办法如下：

实例

audio同video类似

<video>、<audio>标签的属性

实例

通常我们都会用JavaScript来控制视频的播放，下面我们来模仿一个简单地视频播放例子如下：

放大
缩小

不足之处请多留言指教

LittleLi

2016/12/27 14:04:27