我正在开发这款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
任何人都可以提出如何处理这种问题的调试?