一种将视频插入HTML并与所有浏览器兼容的方法
在HTML中插入视频有两种最常用的方法,一种是旧标签,另一种是HTML5中的标签。
前者的兼容性不说,但不易使用,后者使用起来非常方便,但兼容性是令人头痛的。
虽然后者的兼容性存在很多问题,但由于它使用起来非常方便,这与未来网页设计的发展趋势是一致的,我们以后是插入视频的主要方式,由于它的兼容性问题,前者被用作辅助程序。
示例如下:
复制代码代码如下所示:
您的浏览器不支持视频标签。
目前,视频元素支持三种视频格式:
IE浏览器格式
OGG 3.5 + 10.5 + 5 +无
MPEG 4 9 + NO NO 5 + 3 +
WebM没有4 + 10.6 + 6 +无
Ogg Theora视频编码=与Vorbis音频编码的OGG文件
MPEG4 = MPEG 4文件与H.264视频编码和AAC音频编码
WebM = WebM文件的VP8视频编码和Vorbis音频编码
注意:格式必须符合上述三个详细要求,如MPEG 4,必须是H.264视频和AAC音频。
在这种情况下,如果视频格式是正确的,大多数的浏览器兼容性的结果是令人满意的,但它是不支持的ie678,和用户群的人到目前为止在中国是非常大的,我们必须想一个解决方案来支持他们:
复制代码代码如下所示:
里面有一些文件。除了FLV格式的视频,有几个SWF或JS是DW软件生成的文件。他们不想研究标签朋友的DW软件生成,如果他们可以巧妙地集成。
代码的两部分可以得到与所有主流浏览器兼容的最终代码。
所以我们可以:
jQuery是用来决定浏览器是否是IE浏览器的IE浏览器,它不需要判断IE的具体版本。因为服务器的原因是IE可能不是高版本,IE都是标签)。根据版本,加载不同的标签。代码如下。
复制代码代码如下所示:
如果(美元。浏览器。MSIE){
document.write(+
+
+
+
+
+
+
+
+
+
');
其他{ }
document.write(+
+
+
你的浏览器不支持视频标签+
');
}
在编写此代码之前,不要忘记介绍jQuery文件。
这时,您可以编写与所有浏览器兼容的HTML视频代码。