[Vimeo API] Play/pause vimeo embeds on modal open/close #js #bootstrap #vimeo #modals

main.js

/*
  Add this to functions.php
  function enqueue_scripts() {
     wp_enqueue_script( 'vimeo-api', '//player.vimeo.com/api/player.js', true);
  }
*/

// Vimeo API Documentation: https://developer.vimeo.com/api/reference

// Pause video on modal close
var player = new Vimeo.Player($('#videoModal iframe'));
$('#videoModal.modal').on('hidden.bs.modal', function(e) {
  if (player != null) {
    player.pause(); 
  }
});
// Play video on modal open
$('button[data-target="#videoModal"]').on('click', function(e) {
  if (player != null) {
    player.play(); 
  }
});