1.项目来源公司在项目中需要视频播放,需要实现倍速播放。最重要的是需要兼容IE8,所以HTML5视频显然不能用,只能另辟蹊径,搜索资料最后决定使用兼容IE的vlc视频播放插件,再加上视频,可以实现全浏览器兼容的视频播放和倍速播放。2、解决思路首先,H5video不兼容低版本的IE。考虑使用ActiveX视频播放器插件。vlc视频播放器软件自带ActiveX插件,安装时会自动安装。不过需要注意的是vlc的版本一定要兼容IE浏览器。同版本(即IE是32位的,必须安装32位的vlc)。使用vlc解决IE的视频播放和倍速播放,其他浏览器使用video实现。三、解决方案1、判断浏览器类型//获取浏览器类型functiongetBrowserInfo(){varuserAgent=navigator.userAgent;//获取浏览器的userAgent字符串varisOpera=userAgent.indexOf("Opera")>-1;//判断Opera浏览器是否为IE=window.ActiveXObject||窗口中的“ActiveXObject”varisEdge=userAgent.indexOf("Edge")>-1;//判断是否为IEEdge浏览器varisFF=userAgent.indexOf("Firefox")>-1;//判断是否是火狐浏览器varisSafari=userAgent.indexOf("Safari")>-1&&userAgent.indexOf("Chrome")==-1;//判断是否是Safari浏览器varisChrome=userAgent.indexOf("Chrome")>-1&&userAgent.indexOf("Safari")>-1&&!isEdge;//判断Chrome浏览器if(isIE){varreIE=newRegExp("MSIE(\\d+\\.\\d+);");reIE.test(userAgent);varfIEVersion=parseFloat(RegExp["$1"]);if(userAgent.indexOf('MSIE6.0')!=-1){r返回“IE6”;}elseif(fIEVersion==7){返回“IE7”;}elseif(fIEVersion==8){返回“IE8”;}elseif(fIEVersion==9){返回“IE9”;}elseif(fIEVersion==10){返回“IE10”;}elseif(userAgent.toLowerCase().match(/rv:([\d.]+)\)likegecko/)){return"IE11";}else{return"0"}//IE版本太低}//isIEendif(isFF){return"FF";}如果(isOpera){返回“歌剧”;}如果(isSafari){返回“Safari”;}如果(isChrome){返回“Chrome”;}如果(isEdge){返回“边缘”;}}2.如果是IE,判断是否安装vlcActiveX插件函数isInsalledIEVLC(){varvlcObj=null;varvlcInstalled=false;尝试{vlcObj=newActiveXObject("VideoLAN.Vlcplugin.2");如果(vlcObj!=null){vlcInstalled=true}}catch(e){vlcInstalled=false;}返回vlcInstalled;}3。如果没有安装,判断浏览器版本,根据版本下载对应的vlc//获取浏览器是32位还是64位,安装对应的vlcfunctiongetPlatform(){varagent=navigator.平台.toLowerCase();如果(agent.indexOf("win64")>=0||agent.indexOf("wow64")>=0){return"win64";}elseif(agent.indexOf("win32")>=0||agent.indexOf("wow32")>=0){return"win32";}}4。如果IE浏览器安装了vlc,HTML标签如下
