jQuery toggle between two functions

Question

I'm using bigvideo.js and want to use a div that when clicked pause or play the player.

How can I toggle that on first click it pauses, then if click again played and so on...

jQuery('#bigvideo-pause').on('click', function() {
    BV.getPlayer().pause();
    BV.getPlayer().play();
});

Answer 1

Use a boolean variable to toggle

jQuery('#bigvideo-pause').on('click', function() {
    BV.getPlayer()[this.play ? 'pause' : 'play']();
    this.play = !this.play;
});