javascript - 视频播放完毕后自动打开链接

Question

是否可以让 html5 视频播放完毕后自动打开另一个页面？

这怎么能在javascript中完成？

Answer 1

看看MDN 上的媒体事件。

// Cross-browser attach event logic (might be useful for this one day)
function listen(evnt, elem, func) {
    if (elem.addEventListener) { // W3C DOM
        elem.addEventListener(evnt, func, false);
    }
    else if (elem.attachEvent) { // IE DOM
        var r = elem.attachEvent("on" + evnt, func);
        return r;
    }
    else alert('I\'m sorry, I\'m afraid I can\'t do that.');
}

// Attach to event
listen("ended", document.getElementById('myVideo'), DoSomething);

// Event handler
function DoSomething() {
    // Use window.open (new window), or window.location.href = '[your link]'
}​

这是一个工作小提琴。

编辑

由于您在评论中提到您拥有 jQuery，因此这也可以：

$("#myVideo").on("ended", function() {
    // Use window.open (new window), or window.location.href = '[your link]'
});​

这是一个工作小提琴。

Answer 2

如果你使用 jQuery，你可以这样做：

$("#myVideoElementID").bind("ended", function() {
  // Do stuff here
});