HTML5视频标记浏览器兼容性增强程序共享

过去，Flash是网络上视频的最佳解决方案. 到目前为止，它仍然是主流. 诸如优酷和Ximi之类的音乐网站仍使用Flash提供播放服务. 但是这种情况会随着HTML5的发展而改变. 就视频而言，HTML5添加了视频以启用视频播放.

使用HTML5视频可以非常方便地使用JavaScript来控制视频内容等，该功能非常强大，同时更少的代码可以加快加载速度. 此外，跨平台更好，尤其是对于某些平板电脑和手机. 例如，Apple的产品不支持Flash，而仅支持HTML5中的视频功能.

但是，HTML5的兼容性问题是一个缺陷. 我们可以使用视频在网页上播放视频，但是使用较早版本的浏览器的访问者可能无法正确观看此视频. 另外，由于视频编码器的历史渊源，各种浏览器支持的视频格式也不同. 为了解决这些问题，如果要在网页中使用HTML5视频功能，可以按照以下三个步骤操作.

第1步: 提前准备多种格式的视频文件

由于编码器版权问题，不同的浏览器与视频格式具有不同的兼容性. 当前没有与所有浏览器兼容的视频格式，唯一的解决方案是将视频转换为多种格式.

首先，准备一个mp4格式的视频，该视频可在Apple设备中使用；其次，准备用于Firefox浏览器的ogv格式视频；最后准备一个webm格式的视频，可在Google Chrome Wait中使用. Webm由Google提出，是开源和免费的. 它可能会成为与所有浏览器兼容的视频格式.

准备多格式浏览器的麻烦在于转换格式. 视频转换工具的家庭功能很少，转换格式可能没有以上两种格式video标签浏览器支持，并且质量参差不齐，并且经常需要注册才能使用. 推荐国外工具转换器，免费视频转换工具. 您甚至不需要安装软件，直接选择相应的目标格式，然后上传视频video标签浏览器支持，配置参数即可进行转换. 如果您没有合适的工具，可以尝试一下.

第2步: 编写相应的HTML5视频代码

HTML5中的视频实际上是一个简单的标签，其中包含一些与视频相关的信息. 让我直接给出具体代码，然后简要说明:

XML / HTML代码将内容复制到剪贴板上 您的浏览器不支持视频功能，请单击此处下载视频: 下载视频.

视频标签指示这是视频，而width和height属性分别指示视频内容的宽度和高度（以像素为单位）. 视频标签可以包含源标签，该源标签用于指示引用的视频和视频的格式和类型. 为了确保向后兼容，我们还在video标签中添加了一个提示，该句子将不会在支持video标签的浏览器中显示，并且如果不支持，则会显示. 在此还添加了视频下载地址. 如果浏览器不支持它，则可以让用户选择下载并观看它.

尤其要注意，您的主持人必须能够正确处理这些视频请求. 确保当这些视频被请求时，主机将在Content-Type标头中发送正确的MIME类型. 如果不清楚，可以咨询托管服务提供商，也可以自己添加. 如果主机支持.htaccess，则可以将以下语句添加到.htaccess文件中: 复制代码，如下所示:

AddType video / ogg .ogv

AddType video / mp4 .mp4

AddType video / webm .webm

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/bofangqi/article-239461-1.html