jQuery toggle between two functions [duplicate]

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();
});

Pranav C Balan · Accepted Answer · 2014-10-11 13:25:51Z

3

Use a boolean variable to toggle

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

edited Oct 11, 2014 at 13:25

answered Oct 11, 2014 at 13:03

Pranav C Balan

115k25 gold badges173 silver badges195 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

David Thomas Over a year ago

I've upvoted, but I'd be tempted to set a property on the node, rather than using a global variable, and rearrange a little: BV.getPlayer()[this.play ? 'pause' : 'play'](); this.play = !this.play; (Your approach is far more readable, though).

Pranav C Balan Over a year ago

Yup , can I add it to my answer

Collectives™ on Stack Overflow

jQuery toggle between two functions [duplicate]

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related