javascript - Dynamically loaded video source is aborted in IE -


i have script loads sources video works great in chrome, ff , safari. in ie however, source "aborted" in networks tab. here code:

<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 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);  	}  	

anyone have advice on this? can't seem figure mess out.

thanks everyone!

i ended adding event listener "canplay" on video element. once loaded, ran video.play() , seems working fine.

thanks everyone!


Comments

Popular posts from this blog

Java 8 + Maven Javadoc plugin: Error fetching URL -

css - SVG using textPath a symbol not rendering in Firefox -

c - gcc compile error: unknown type name 'File' -