我正在构建一个视频播放列表。每次用户单击新项目时,我想在开始下载新视频之前停止下载当前视频(如果仍在进行中)。
这是我能想到的代码。它部分有效,但当我调用 destroyVideo() 方法时,似乎没有取消任何下载。我正在使用 Chrome 的网络监视器来检查这一点。
function createVideo(videoObject) {
var html = '<video id="video" loop><source id="mp4" src="' + video.mp4 + '" type="video/mp4" /><source id="webm" src="' + video.webm + '" type="video/webm" /><source id="ogg" src="'+ video.ogg + '" type="video/ogg" /></video>';
var videoContainerDiv = $('#videoContainerDiv');
videoContainerDiv.append(html);
var asset = $('#video');
asset.get(0).load();
}
function destroyVideo() {
var asset = $('#video');
var mp4 = $('#mp4');
mp4.attr('src', '');
var webm = $('#webm');
webm.attr('src', '');
var ogg = $('#ogg');
ogg.attr('src', '');
asset.attr('src', '');
asset.get(0).load();
var videoContainerDiv = $('#videoContainerDiv');
videoContainerDiv.empty();
}
我的问题是:有没有更有效的方法来做到这一点,跨浏览器?
非常感谢您的帮助!
最佳答案
function destroyVideo() {
var asset = $('#video');
asset.remove();
}
关于javascript - 取消 html5 视频下载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13690729/