动态加载的视频源在IE中被中止

Question

我有一个脚本可以加载适用于Chrome，FF和Safari的视频来源。但是，在IE中，源在“网络”选项卡中为“已中止”。这是我的代码：

<div id="video_wrapper">
<video muted controls="false" autoplay poster="/videos/home.jpg" preload="none" loop id="bg_video">
    <img src="/videos/home.jpg" alt="Your browser does not support HTML5 video.">
</video>

    documentObj.on('ready', function() {
		insertVideo();
	});

	
	
	function insertVideo() {
		if (windowObj.width() > 767) {
			
			setTimeout(function() {
				var video = $("video")[0];
				insertSource("/videos/home.webm", 'video/webm');
				insertSource("/videos/home.mp4", "video/mp4");
				video.play();
			}, 50);
		} else {
			$("video").remove();
		}
	}

	function insertSource(src, type) {
		var source = document.createElement('source');
		source.src = src;
		source.type = type;
		$("#bg_video").prepend(source);
	}
	

有人对此有任何建议吗？我似乎无法弄清楚这个烂摊子。

谢谢大家！

Answer 1

我最终在视频元素上为“canplay”添加了一个事件监听器。一旦它加载，我运行video.play（），一切似乎工作正常。

谢谢大家！