当前,视频元素支持三种视频格式:
格式即Firefox Opera浏览器Safari
Ogg没有3.5 + 10.5 + 5.0 + 9.0
MPEG 4 +不5.0 + 3.0 +
WebM没有4.0 + 10.6 + 6.0 +
Ogg=带还在有视频编码和Vorbis音频编码的Ogg文件
MPEG4=带有h .视频编码和AAC音频编码的MPEG 4文件
强>
3,添加新类型的扩展名和类型标识
<强> 强>以上图示以mp4为例,如果想让视频标签兼容更多浏览器,需要将以下类型加入到MIME中
扩展名类型.mp4video/mp4.ogvvideo/Ogg。webmvideo/webm二,兼容解决方法
1,在这种情况下,如果视频格式正确,大部分浏览器的兼容性结果我们还算满意,但是IE678不支持它,并且人家的用户至今在中国还是十分庞大的群体,我们就必须想到另外一个解决方案支持它们:
代码如下:
& lt;对象
:classid=" clsid d27cdb6e - ae6d - 11 - cf - 96 - b8 - 444553540000”宽度=" 624 "
身高=" 351 "
id=" FLVPlayer1 "比;
& lt;参数名称==" https://www.yisu.com/zixun/FLVPlayer_Progressive.swf "/暗缬啊奔壑当?
& lt;参数name="质量" value=" https://www.yisu.com/zixun/high "/比;
& lt;参数name="窗口模式" value=" https://www.yisu.com/zixun/opaque "/比;
& lt;参数名称=肮婺!奔壑?" https://www.yisu.com/zixun/noscale "/比;
& lt;参数name=" salign " value=" https://www.yisu.com/zixun/lt "/比;
& lt;参数
name=" FlashVars "
值=" https://www.yisu.com/zixun/& MM_ComponentVersion=1, skinName=公共/swf/Clear_Skin_3& streamName=公共/视频/test&播放=false& autoRewind=false”/比;
& lt;参数name=" swfversion " value=" https://www.yisu.com/zixun/8, 0, 0, 0 "/比;
& lt; !——此参数标签提示使用Flash Player 6.0 r65和更高版本的用户下载最新版本的Flash Player。如果您不想让用户看到该提示,请将其删除。——比;
& lt;参数name=" expressinstall " value=" https://www.yisu.com/zixun/expressInstall.swf "/比;
& lt;/object>
这里面引入了一些文件,除了flv格式的视频,还有几个swf或js文件,都是用DW软件生成的,不想研究& lt; object> & lt;/object>标签的朋友去DW软件生成就行,如果可以巧妙的融合
这两段代码就可以得到兼容所有主流浏览器的终极代码了。
于是我们可以这样:
用jquery判断浏览器是否为IE(不用判断具体即版本,因为服务器的原因IE很可能高版本也不通过,暂且即全部用& lt; object> & lt;/object>标签),根据版本加载不同的标签,代码如下:
代码如下:
& lt; script>如果(.browser.msie美元){
document . write (' & lt;对象
:classid=" clsid d27cdb6e - ae6d - 11 - cf - 96 - b8 - 444553540000”宽度=" 624 "
身高=" 351 "
id=" FLVPlayer1 "祝辞' +
' & lt;参数name="电影"值=" https://www.yisu.com/zixun/FLVPlayer_Progressive.swf "/祝辞' +
' & lt;参数name="质量" value=" https://www.yisu.com/zixun/high "/祝辞' +
' & lt;参数name="窗口模式" value=" https://www.yisu.com/zixun/opaque "/祝辞' +
' & lt;参数name=肮婺!奔壑?" https://www.yisu.com/zixun/noscale "/祝辞' +
' & lt;参数name=" salign " value=" https://www.yisu.com/zixun/lt "/祝辞' +
' & lt;参数
name=" FlashVars "
值=" https://www.yisu.com/zixun/& MM_ComponentVersion=1, skinName=公共/swf/Clear_Skin_3& streamName=公共/视频/test&播放=false& autoRewind=false”/祝辞' +
' & lt;参数name=" swfversion " value=" https://www.yisu.com/zixun/8, 0, 0, 0 "/祝辞' +
' & lt; !——此参数标签提示使用Flash Player 6.0 r65和更高版本的用户下载最新版本的Flash Player。如果您不想让用户看到该提示,请将其删除。——祝辞' +
' & lt;参数name=" expressinstall " value=" https://www.yisu.com/zixun/expressInstall.swf "/祝辞' +
' & lt;/object>”);其他
} {
document . write (' & lt;视频宽度=" 602 px高度=?45 px”控制=翱刂啤痹凇?
' & lt;源src=" https://www.yisu.com/zixun/public/video/test.mp4 " type="视频/mp4祝辞& lt;/source>“+
' & lt;源src=" https://www.yisu.com/zixun/public/video/test.ogg " type="视频/ogg祝辞& lt;/source>“+
'您的浏览器不支持视频标签+