使用HTML5在当前浏览器中显示视频

HTML 5视频标签可以轻松地将视频添加到您的网页 。 尽管表面看起来很简单，但您需要做很多事情才能使视频正常运行。 本教程将引导您完成在HTML 5中创建页面的步骤，该页面将在所有现代浏览器中运行视频。

• 承载自己的HTML 5视频与使用YouTube
• Web上的视频支持快速概述
• 创建和编辑您的视频
• 将视频转换为Ogg for Firefox
• 将视频转换为Safari的MP4
• 将视频转换为Internet Explorer的FLV
• 将视频元素添加到您的网页
• 添加JavaScript和Flash Player以使Internet Explorer工作第1部分
• 在尽可能多的浏览器中进行测试

01 10

承载自己的HTML 5视频与使用YouTube

YouTube是一个很棒的网站。 它使得将视频快速嵌入网页变得很容易，并且在执行这些视频时有一些小的例外情况是相当无缝的。 如果您在YouTube上发布视频，您可以相当确信任何人都可以观看该视频。

但使用YouTube嵌入您的视频有一些缺点

YouTube的大部分问题都出现在消费者方面，而不是设计师方面，例如：

• 搜索和索引缓慢
• 服务器中断
• 内容被任意删除（表面上）
• 太多不好的内容

但是YouTube对内容开发人员不利的原因也有一些，其中包括：

• 视频最长10分钟（免费帐户）
• 上传性能不佳
• YouTube获得视频的无限使用权
• 任何YouTube用户都可以获得视频的无限使用权

HTML 5视频在YouTube上提供了一些优势

将HTML 5用于视频可让您控制视频的每个方面，从哪些人可以查看视频，视频的时间长度，内容的内容，托管位置以及服务器的性能。 而HTML 5视频让您有机会以尽可能多的格式对视频进行编码，以确保最大数量的人可以查看它。 您的客户不需要插件，或等到YouTube发布更新版本。

当然，HTML 5视频提供了一些缺点

这些包括：

• 您必须至少使用三种不同的编解码器编码您的视频
• 您必须包含一些JavaScript以确保不支持HTML 5的浏览器可以正常工作
• 您的服务器必须能够处理托管视频的带宽需求

02之10

Web上的视频支持快速概述

向网页添加视频一直是一个困难的过程。 有太多事情可能会出错：

• 首先，您使用标签将视频嵌入到您的页面中。 但是该标签已被弃用而转而使用另一个标签。 无论如何，一些浏览器从来不支持它。
• 因此，您切换到