首页 >web前端 >js教程 >kindeditor编辑器上传flv视频播放兼容ie8完美解决

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

PHP中文网
PHP中文网原创
2017-07-14 15:23:282012浏览

你是否遇到过在使用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(&#39;index/flvreader&#39;)}>?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(&#39;src&#39;);
    id=&#39;v&#39;+vpath.replace(/\//g,&#39;_&#39;).replace(/\\./g,&#39;_&#39;)+Math.floor(Math.random()*999+1).toString();
    w=$(this).attr(&#39;width&#39;);
    h=$(this).attr(&#39;height&#39;);
    autostart=$(this).attr(&#39;autostart&#39;);
    $(this).after(&#39;<p id="&#39;+id+&#39;" align="center"><a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this player.</p>&#39;);
    $(this).remove();
    createflv(vpath,id,w,h,autostart);
});
</script>

本文由php中文网提供,仅供参考,

不喜勿喷~~~

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

请勿转载~~~~

以上是kindeditor编辑器上传flv视频播放兼容ie8完美解决的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn