首頁 > web前端 > js教程 > 主體

kindeditor編輯器上傳flv影片播放相容ie8完美解決

PHP中文网
發布: 2017-07-14 15:23:28
原創
1980 人瀏覽過

你是否遇到过在使用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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板