欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-05-29 20:38:13
...
你是否遇到过在使用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>

本文由提供,仅供参考,

不喜勿喷~~~

原文地址:http://www.php.cn/js-tutorial-374175.html

请勿转载~~~~

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