redirecting the page after a video plays using an html5 video player

问题

I am making a video reel (a portfolio) website, using wordpress as my backend, and the videojs html5 video player with each video in a different post. I want the videos to play successively, so that when one video finishes it redirects to the "next post".

I'm having trouble seeing if there are any DOM calls that fire after the video plays. Basically I want to fire the redirect as soon as the video plays.

Can someone point me in the right direction?

Thanks!

回答1:

It looks like there is an ended event that you can hook up to.

回答2:

you need to call a function on ended... or the relocation just there...

That's it.

回答3:

Ended up using the following code:

$(document).ready(function(){
    var sStr = "<?php echo get_permalink(get_adjacent_post(true,'',true)); ?>";
    $(".video-js").bind('ended', function(){
                window.location = sStr;
    });
});

来源：https://stackoverflow.com/questions/5208561/redirecting-the-page-after-a-video-plays-using-an-html5-video-player