Пауза Vimeo видео на закрытие в Custom Popup

Question

У меня есть видео vimeo, открывающееся в лайтбоксе.При закрытии лайтбокса видео продолжит воспроизводиться, если оно не приостановлено.Мне нужно сделать паузу в видео после щелчка из лайтбокса.

Вот то, что я смог придумать ... Но возникли проблемы при написании JavaScript.Заранее спасибо.

<a class="btn trigger" href="javascript:;">
   <img src="#">
</a>


<div id="videoFrame1" class="modal-wrapper">
    <div class="modal">
        <div class="head">
            <a class="btn-close trigger" href="javascript:;"></a>
        </div>
        <div class="content">
            <div class="js-video [vimeo, widescreen]">
                 <iframe id="firstvideo" src="https://player.vimeo.com/video/291592533" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
            </div>
        </div>
    </div>
</div>

$( document ).ready(function() {
  $('.trigger').click(function() {
     $('.modal-wrapper').toggleClass('open');
     return false;
  });
});

Answer 1

Одним из способов решения этой проблемы является интеграция скрипта Vimeo player.js .У этого есть метод для приостановки игрока:

var video = document.getElementById('firstvideo');
var player = new Vimeo.Player(video);

$( document ).ready(function() {
  $('.trigger').click(function() {
     player.pause()
     return false;
  });
});