HTML5video实现阅读器兼容的办法-

本文我们将和大家分享对于HTML5video实现阅读器兼容的办法，在已往flash是网页上最佳的解决视频的办法，截至到当前还算是主流，像那些优酷之类的视频网站、虾米那样的在线音乐网站，依然运用flash来供给播放办事。但是这种情况将会随着HTML5的开展而转变。就视频而言，HTML5新增了video来实此刻线播放视频的功能。 本文我们将和大家分享对于HTML5 video 实现阅读器兼容的办法，在已往 flash 是网页上最佳的解决视频的办法，截至到当前还算是主流，像那些优酷之类的视频网站、虾米那样的在线音乐网站，依然运用 flash 来供给播放办事。但是这种情况将会随着 HTML5 的开展而转变。就视频而言，HTML5 新增了 video 来实此刻线播放视频的功能。

运用 HTML5 的 video 可以很利便的运用 JavaScript 对视频内容进行控制等等，功能十分强大，同时期码比拼少加速加载速度。此外跨平台性比拼好，特殊是一些平板、手机等。例如iphone企业的产品不支撑 flash 仅支撑 HTML5 中的 video 功能。

但是 HTML5 的兼容性题目是个硬伤，我们可以在网页中运用 video 来播放视频，但运用早期阅读器的拜访者可能没法正常不雅看这个视频。此外，因为视频编码器的历史渊源致使各种阅读器支撑的视频格局不一样。应答这些题目，想在网页中运用 HTML5 video 功能，可以按照下面三个步骤操纵。

首先步：提早预备好多格局视频文件

因为编码器的版权题目，致使不一样阅读器对视频格局的兼容性不一样。当前没有一个视频格局兼容所有阅读器，独一的解决办法就是把视频转换成多种格局。

第一要预备一个 mp4 格局的视频，可以在iphone设施中运用；其次要预备 ogv 格局的视频，用在火狐阅读器中；最后要预备一下 webm 格局的视频，这个可以用在谷歌阅读器等。webm 是谷歌提出的，开源、免费，很有可能成为兼容所有阅读器的视频格局。

预备多格局阅读器的费事之处在于转换格局。视频转换工具国内的功能比拼少，转换格局可能没有上面后两个，并且质量参差不齐，往往需要注册才干运用。举荐一个国外的工具 Online converter ，在线免费视频转换工具。甚至不消安装软件，直接选中响应的指标格局，然后上传视频，配置一下参数就可以转换出来了。没有合适工具的伴侣，可以尝试一下。

第二步：编写对应 HTML5 video 代码

HTML5 中的 video 现实上就是一个简略的标签，包括了一些视频相干信息等。下面我直接给出概括代码，然后简略解释一下：

你阅读器不支撑 video 功能，点击这里下载视频：

video 标签表示这里是一个视频，width、height 属性离别表示这个视频内容的宽高（单位像素）。video 标签中可以包括 source 标签，source 标签用来表示援用的视频和视频的格局、类型。为了保障向下的兼容性，我们还在 video 标签中加了一句提醒，这句话在支撑 video 标签的阅读器中是不会显示的，要是不支撑就会显示出来。这里，还添加了一个视频的下载地址，要是阅读器不支撑，可以让会员选中下载下来看。

特殊需要注意一点，你的主机必需能准确的处置这事些视频要求。确保你的主机被要求这些视频的时候会在 Content-Type 头发送准确的 MIME 类型。要是你不分明，可以征询一下主机办事商，也可以本人增加。要是主机支撑 .htaccess ，可以在 .htaccess 文件中添加下面语句：

大体就是这样，比拼简略，更加概括的对于 video 的运用办法，可以搜寻一下，也可以见本文扩展浏览链接，在这里不再赘述。

第三步：为旧版阅读器做兼容

前面说过，要是阅读器不支撑 video ，将会把 video 中的提醒内容显示出来。那么应付老旧阅读器，我们可以用传统的 flash 来替代这个提醒内容。这样，当阅读器不兼容 video 标签的时候，就会显示出 flash 版本的视频。例如：

直接按照本来正常的 flash 引入办法写进 video 标签中即可。这样，我们就实现了跨阅读器兼容的 video 功能运用。

以上内容就是对于HTML5 video 实现阅读器兼容的办法，但愿能帮忙到大家。