对于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 标签表示这里是一个视频，width、height 属性离别表示这个视频内容的宽高（单位像素）。video 标签中可以包括 source 标签，source 标签用来表示援用的视频和视频的格局、类型。为了保障向下的兼容性，我们还在 video 标签中加了一句提醒，这句话在支撑 video 标签的阅读器中是不会显示的，要是不支撑就会显示出来。这里，还添加了一个视频的下载地址，要是阅读器不支撑，可以让会员选中下载下来看。
特殊需要注意一点，你的主机必需能准确的处置这事些视频要求。确保你的主机被要求这些视频的时候会在 Content-Type 头发送准确的 MIME 类型。要是你不分明，可以征询一下主机办事商，也可以本人增加。要是主机支撑 .htaccess ，可以在 .htaccess 文件中添加下面语句：
AddType video/ogg .ogv AddType video/mp4 .mp4 AddType video/webm .webm
大体就是这样，比拼简略，更加概括的对于 video 的运用办法，可以搜寻一下，也可以见本文扩展浏览链接，在这里不再赘述。
第三步：为旧版阅读器做兼容
前面说过，要是阅读器不支撑 video ，将会把 video 中的提醒内容显示出来。那么应付老旧阅读器，我们可以用传统的 flash 来替代这个提醒内容。这样，当阅读器不兼容 video 标签的时候，就会显示出 flash 版本的视频。例如：
直接按照本来正常的 flash 引入办法写进 video 标签中即可。这样，我们就实现了跨阅读器兼容的 video 功能运用
以上就是本文的全部内容，但愿对大家的学习有所帮忙，更多相干内容请关注百分百源码网！
