0
我在IE8中遇到jPplayer的問題。我正在研究應該支持IE8的應用程序。它適用於IE瀏覽器的所有其他版本> 8,並在Chrome和Firefox上播放。我用多個關鍵字對它進行了搜索,並根據不同的情況對其進行了更改,但找不到任何原因導致它無法正常工作。儘管如此,我仍然可以使用IE8在jplayer網站上播放演示頁面。另一種可能性是我測試過的swfpath錯誤,並將「解決方案」更改爲僅閃爍,並在其他版本的IE中播放。 是我得到的錯誤是:JPlayer無法在IE8中播放
TypeError: Object doesn't support this property or method<div id=player1 class=ng-isolate-scope data-audio-src="generateLink(answer.literalValue)" im-audio-player>
這裏是我的一段代碼jplayer有關。
var idSelector = '#'+scope.id;
var player = $(idSelector+" .jp-jplayer");
player.jPlayer({
ready: function() {
$(this).jPlayer("setMedia", {
mp3: "http://jplayer.org/audio/mp3/Miaow-07-Bubble.mp3"//scope.audioSrc
});
},
swfPath:"angular/experience-detail/audio-player/jplayer/",
supplied: "mp3, ogv",
errorAlerts:"true",
cssSelectorAncestor: "",
solution:"html,flash",
duration: true,
toggleDuration: true,
cssSelector: {
title: idSelector+" .title",
stop: idSelector +" .stop",
mute: idSelector +" .mute",
unmute: idSelector +" .unmute",
currentTime: idSelector +" .currentTime",
duration: idSelector +" .duration"
},
size: {
width: "0px",
height: "0px"
}
});
$(idSelector+" .play").click(function(){
if(player.data().jPlayer.status.paused){
player.jPlayer("play");
$(idSelector+' .active-border').addClass("playing");
$(idSelector+" .audio-player-container").css({"border-color":"#c4ebff"});
}else{
player.jPlayer("pause");
}
});
我真的很感激每一個建議。
編輯:經過一番挖掘,我發現這不是因爲jplayer,而是因爲angularjs與IE8不完全兼容。所以我將es5-shim.min.js添加到我的路徑中,並解決了問題。 基本上我把這個代碼加到我的程序中,現在一切正常。有關更多信息,你可以看看他們的github page.
<!--[if lt IE 9]>
<script src="bower_components/html5shiv/dist/html5shiv.min.js"></script>
<script src="bower_components/es5-shim/es5-shim.min.js"></script>
<![endif]-->