点击,播放HTML5视频,然后转到链接

时间:2017-03-02 19:33:05

标签: javascript jquery html5

我有简短的HTML5动画,我想玩,然后转到特定的链接。

我找到了与我需要的代码类似的代码,我只是不知道如何为HTML5动画改变代码。

$('#menu a').click(function(event) {
event.preventDefault();
var href = this.href;

$('#whatever').animate({
    top: '300px'
}, 500,
function() {
    window.location = href;
});
});

提前致谢, 布赖恩

1 个答案:

答案 0 :(得分:0)

尝试一下:

$('#menu a').click(function(event) {
    var href = this.href;

    // This will play the video
    document.getElementById("videoPlayerID").play();

    // This will add an event listener that waits for the video to end.
    // Once it does, it calls the goToLink function and feeds it the href
    document.getElementById('videoPlayerID').addEventListener('ended', goToLink(href), false);

    event.preventDefault();
});

function goToLink(href) {
    window.location = href;
}