速成课程:HTML 5视频

以前的 12 第二页

但是在我们这个不太完美的世界里，

为了说明这一点，下面是一个

<视频宽度="640"高度="480"控件>

< src = " /视频/视频源。mp4”类型= '视频/ mp4;编解码器= " avc1.42E01E, mp4a.40.2”>

< src = " /视频/视频源。ogv”类型= '视频/ ogg;编解码器= " theora, vorbis”>

< src = " /视频/视频源。Webm”类型= '视频/ Webm;编解码器= " vp8, vorbis”>

< /视频>

*宽/高:视频的宽度和高度，以像素为单位。

*控制:添加此选项可在视频上显示回放控制。

*预加载:告诉浏览器在页面加载后立即开始下载(但不播放)视频。使用PRELOAD="none"来明确告诉浏览器不要预加载视频。

*播放:包括这个以自动开始播放视频。

子标签允许您指定要回放哪个或哪个视频文件。如果您通过多个标记指定多个文件，浏览器将尝试依次加载每个文件。在上面的例子中，.MP4文件(H.264流)将首先被加载;如果浏览器不能播放这个，接下来就加载. ogv (Theora)流，依此类推。对于可以提供的标记的数量没有实际限制，但是超过三个可能不太现实。

对于标签，最复杂和最有问题的选项是类型参数，它向浏览器描述播放特定视频所需的编解码器的确切组合。这样，浏览器就不必开始下载视频并对其执行自己的编解码器检测(可能存在缺陷)，从而判断是否可以播放有问题的视频。如果浏览器事先知道它不能播放某种类型的流，它就不会下载它。你和观看你的视频的人将节省很多带宽，以换取你的一部分的麻烦。

对于Theora和WebM编解码器，类型参数非常简单;上面的例子包含了最常见的场景。但是，对于H.264，选项变得相当复杂，因为H.264流可以编码成许多配置文件，类型描述符必须匹配的配置文件用于对文件进行编码。如果你在所有视频中只使用一个配置文件，你可以创建一个配置文件字符串，然后忘记它;如果没有，就需要找到某种方法来确保正确的字符串类型与相关文件相关联(例如，通过内容管理系统中的元数据)。

许多网站管理员忽略的另一个非常重要的事情是文件的MIME类型。例如，Firefox非常依赖MIME类型来决定如何处理给定文件。为此，使用以下MIME类型时，配置您的Web服务器:

MIME类型

回闪

那么，如果页面被浏览器中不支持

其工作方式相当聪明:Flash对象被嵌入到