当前位置:Gxlcms > JavaScript > kindeditor编辑器上传flv视频播放兼容ie8完美解决

kindeditor编辑器上传flv视频播放兼容ie8完美解决

时间:2021-07-01 10:21:17 帮助过:23人阅读

你是否遇到过在使用kindeditor编辑器,后台传视频前台无法播放的问题,那是浏览器无法兼容导致的。ie8不支持embed标签,

下面介绍我的经验总结,在前台使用jquery替换掉原来的html5标签,让它变成使用传统的flash播放。

代码如下:

ie兼容性----

if(!!window.ActiveXObject || "ActiveXObject" in window){//ie8兼容性
deconcept.SWFObject.prototype.write=function(_20){
if(this.getAttribute("useExpressInstall")){
var _21=new deconcept.PlayerVersion([6,0,65]);
if(this.installedVer.versionIsValid(_21) && !this.installedVer.versionIsValid(this.getAttribute("version"))){
this.setAttribute("doExpressInstall",true);
this.addVariable("MMredirectURL",escape(this.getAttribute("xiRedirectUrl")));
document.title=document.title.slice(0,47)+" - Flash Player Installation";
this.addVariable("MMdoctitle",document.title)
}
}
if(this.skipDetect||this.getAttribute("doExpressInstall") || this.installedVer.versionIsValid(this.getAttribute("version"))){
var n=(typeof _20=="string")?document.getElementById(_20):_20;
$(n).html(this.getSWFHTML());
return true
}else{
if(this.getAttribute("redirectUrl")!=""){
document.location.replace(this.getAttribute("redirectUrl"))
}
}
return false
};
}

主要代码------

<script src="/statics/home/js/mv/js/swfobject.js"></script>
<script src="/statics/home/js/mv/js/ie8-patch.js"></script>
<script>
function createflv(vpath,id,w,h,autostart){
var s1 = new SWFObject("/statics/home/js/mv/flvplayer.swf","single",w,h,"7");
s1.addParam("allowfullscreen","true"); 
s1.addVariable("file","<{site_url('index/flvreader')}>?var=basepath/"+vpath);
s1.addVariable("image",""); 
s1.addVariable("width",w); 
s1.addVariable("height",h);
if(autostart==undefined || autostart=="undefined"){autostart="false";}
s1.addVariable("autostart",autostart); 
s1.write(id);
}
</script>
<script>
$("embed").each(function(){
    var vpath,id,w,h,autostart;
    vpath=$(this).attr('src');
    id='v'+vpath.replace(/\//g,'_').replace(/\\./g,'_')+Math.floor(Math.random()*999+1).toString();
    w=$(this).attr('width');
    h=$(this).attr('height');
    autostart=$(this).attr('autostart');
    $(this).after('<p id="'+id+'" align="center"><a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this player.</p>');
    $(this).remove();
    createflv(vpath,id,w,h,autostart);
});
</script>

本文由Gxl网提供,仅供参考,

不喜勿喷~~~

原文地址:http://www.gxlcms.com/js-tutorial-374175.html

请勿转载~~~~

以上就是kindeditor编辑器上传flv视频播放兼容ie8完美解决的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行