我正在開發這款JavaScript遊戲,管理它的資產加載,在發生任何事情之前。首先,preloader類加載資產json文件,其中包含要加載的所有列出的資產。該文件包含aprox的鏈接。 30個圖像,8個json文件和5個視頻。除了視頻文件之外,每個主要瀏覽器(firefox,safari,explorer,chrome)都可以正常加載各種資源,但這5個視頻文件的加載會被Internet Explorer中止。視頻的異常加載在Internet Explorer上
我正在使用HTML樣板文件,可能與它有關。
這是我得到的,在網絡視圖: Link to full size image file
有時,前兩個視頻負載,有時他們沒有這樣做。下面是我的代碼塊加載這些視頻:
case "ogv":
case "mp4":
item = document.createElement('video');
var itemSource = document.createElement('source');
item.id = 'vid'; item.width = '600'; item.height = '450'; item.controls = false;
if (extension == "mp4") {
itemSource.id = 'mp4'; itemSource.type = 'video/mp4; codecs="avc1.42E01E, mp4a.40.2"';
} else if (extension == "ogv") {
itemSource.id = 'ogv'; itemSource.type = 'video/ogg; codecs="theora, vorbis"';
}
itemSource.src = pathToAsset;
item.appendChild(itemSource);
item.addEventListener("canplaythrough", onVideoCanPlaythrough, false);
item.load();
break;
而這裏的聽衆處理程序:
var onVideoCanPlaythrough = function() {
console.log("onVideoCanPlaythrough");
item.removeEventListener("canplaythrough", onVideoCanPlaythrough, false);
assets[assetID] = item;
callback.call();
}
的console.log("onVideoPlaythrough)
不會觸發Internet Explorer中的一次。
我有檢查,以確保中,所有其他的事情是正確的(我得到正確的URL在我pathToAsset
變量等。這適用於其他瀏覽器(除了歌劇,我還沒有真正的考驗尚),但不能在IE
任何人都可以提出如何處理這種問題的調試?