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
Post a Comment