但是在我们这个不太完美的世界里,
为了说明这一点,下面是一个
<视频宽度="640"高度="480"控件>
< src = " /视频/视频源。mp4”类型= '视频/ mp4;编解码器= " avc1.42E01E, mp4a.40.2”>
< src = " /视频/视频源。ogv”类型= '视频/ ogg;编解码器= " theora, vorbis”>
< src = " /视频/视频源。Webm”类型= '视频/ Webm;编解码器= " vp8, vorbis”>
< /视频>
*宽/高:视频的宽度和高度,以像素为单位。
*控制:添加此选项可在视频上显示回放控制。
*预加载:告诉浏览器在页面加载后立即开始下载(但不播放)视频。使用PRELOAD="none"来明确告诉浏览器不要预加载视频。
*播放:包括这个以自动开始播放视频。
对于
对于Theora和WebM编解码器,类型参数非常简单;上面的例子包含了最常见的场景。但是,对于H.264,选项变得相当复杂,因为H.264流可以编码成许多配置文件,类型描述符必须匹配的配置文件用于对文件进行编码。如果你在所有视频中只使用一个配置文件,你可以创建一个配置文件字符串,然后忘记它;如果没有,就需要找到某种方法来确保正确的字符串类型与相关文件相关联(例如,通过内容管理系统中的元数据)。
许多网站管理员忽略的另一个非常重要的事情是文件的MIME类型。例如,Firefox非常依赖MIME类型来决定如何处理给定文件。为此,使用以下MIME类型时,配置您的Web服务器:
MIME类型
文件 |
MIME类型 |
扩展 |
还在 |
视频/ ogg |
.ogv |
h . |
视频/ mp4 |
mp4 |
WebM |
视频/ Webm |
.Webm |
回闪
那么,如果页面被浏览器中不支持
其工作方式相当聪明:Flash对象被嵌入到
作为示例,请检出调用的模板视频为大家是由卡门设计公司的人设计的。它不仅优雅地从HTML 5倒退到Flash,而且还可以在HTML 4中通过降级为Flash作为回退来工作。
其他第三方包提供了不同的HTML 5、JavaScript或Flash格式的
注意,你必须自己提供Flash播放器:你不能只是告诉Flash流媒体视频文件。从好的方面来说,当前版本的Flash流是H.264,所以如果你已经有H.264编码,你可以简单地重用它。
结论
我们很可能会看到使用
重要的是,它们将以相同的浏览器内技术并肩存在。如果其中一个成为了标准,即使只是以一种事实上的方式出现,也不会是因为缺乏竞争。
Serdar Yegulalp已经为包括信息周刊和Windows杂志在内的各种出版物撰写关于计算机和信息技术的文章超过15年。
这个故事,“速成课程:HTML 5视频”最初是由《计算机世界》 。