Звук Vimeo продолжает играть в bootstrap modal после закрытия модального

Question

На этой странице у нас есть несколько ссылок на видео vimeo, которые все играют в одном и том же модуле загрузки, и заполняют модальные данные с помощью data-src. Проблема в том, что когда модальная функция закрыта, звук продолжает воспроизводиться. Какой сценарий можно запустить, чтобы остановить воспроизведение звука?

Страница here и вы можете увидеть видео, щелкнув изображение вверху, в котором говорится: «Безопасный общий доступ к файлам».

Answer 1

Лично я обнаружил, что прослушивание события hidden.bs.modal не принесло ничего, вместо этого hide.bs.modal работал на меня.

Bonus - нет необходимости ударить Vimeo API

• Вам нужно добавить id к вашему IFRAME (в приведенном ниже примере, id="iframe"
• прослушивайте hide.bs.modal события
• захватить iframe src к переменной
• установить src в пустую строку

• повторно добавить исходный src через переменную
  ...

  $('#orientation_video').on('hide.bs.modal', function() { 
  
      // get the source of the iframe and save it 
      var src = $(this).find('iframe').attr('src'); 
  
      // remove the src from the iframe 
      $("iframe#iframe").attr('src',''); 
  
      // re-add the 
      $("iframe#iframe").attr('src', src); 
  
      });