Javascript 视频&x27;s中止在internet explorer上加载
我正在开发这个JavaScript游戏,在任何事情发生之前管理它的资产加载。首先,预加载程序类加载一个assets json文件,其中包含要加载的所有列出的资产。此文件包含指向aprox的链接。30个图像、8个json文件和5个视频。除了视频文件外,每个主要浏览器(firefox、safari、explorer、chrome)都可以很好地加载每个单独的资源,但internet explorer会中止加载这5个视频文件 我使用的是HTML样板文件,可能与此有关 这是我在网络视图中得到的: 有时,前两个视频加载,有时没有加载。下面是我加载这些视频的一段代码:Javascript 视频&x27;s中止在internet explorer上加载,javascript,html,internet-explorer,video,loading,Javascript,Html,Internet Explorer,Video,Loading,我正在开发这个JavaScript游戏,在任何事情发生之前管理它的资产加载。首先,预加载程序类加载一个assets json文件,其中包含要加载的所有列出的资产。此文件包含指向aprox的链接。30个图像、8个json文件和5个视频。除了视频文件外,每个主要浏览器(firefox、safari、explorer、chrome)都可以很好地加载每个单独的资源,但internet explorer会中止加载这5个视频文件 我使用的是HTML样板文件,可能与此有关 这是我在网络视图中得到的: 有时,
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上一次也不会启动
我已经检查过以确保所有其他东西都是正确的(我在我的路径到asset
变量中得到了正确的url等等。这在所有其他浏览器上都有效(除了opera,我还没有真正测试过它),但在IE上不有效
有人能建议如何调试这类问题吗?显然,您是使用internet explorer 9上的
video.play()
语句启动视频加载的,而不是video.load()
。太棒了