检测video.load是否成功 - javascript

Question

如何知道歌曲的加载是否成功？就像是:

video.load({
        success : function() {
            alert("loading successful");
        },
        failure : function() {
            alert("loading not successful");
        } 
    });

我有要播放的歌曲列表,如果突然出现互联网连接问题并且无法播放下一个视频,我想播放下一首已经连接过的歌曲.

非常感谢!

Answer 1

这取决于您在加载视频时所谓的成功.能够完全播放视频是一回事,加载元数据是另一回事,每个都有事件.与失败相同:你会考虑很长一段时间来缓冲错误吗？

请参阅HTMLMediaElement触发的事件列表:https: //developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement

至于收听这些事件,这段代码可能会有所帮助:

var v = document.createElement("VIDEO");

v.addEventListener("error", function (e) {
    console.log("Error while loading the video");
});

v.addEventListener("loadeddata", function () {
    console.log("Video has started loading successfully!");
});

v.src = "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4";