Как мне закрыть мое видео YouTube при закрытии модального окна? - PullRequest
Новая
       12

Как мне закрыть мое видео YouTube при закрытии модального окна?

0 голосов
/ 07 мая 2020

Кажется, мне не удается остановить видео на YouTube при закрытии модального окна. Я новичок в кодировании в bootstrap. Я видел сообщения по всему rnet о добавлении функции или скрипта? Я пробовал много разных решений другой проблемы, но ни одно из них не помогло. Может кто-нибудь помочь мне? Спасибо! 

<div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-labelledby="portfolioModal1Label" aria-hidden="true">
<div class="modal-dialog modal-xl" role="document">
  <div id="id01" class="modal-content">
    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
      <span aria-hidden="true">
        <i class="fas fa-times"></i>
      </span>
    </button>
    <div class="modal-body text-center">
      <div class="container">
        <div class="row justify-content-center">
          <div class="col-lg-8">
            <!-- Portfolio Modal - Title -->
            <h2 class="portfolio-modal-title text-secondary text-uppercase mb-0">Wide Awake</h2>
            <!-- Icon Divider -->
            <div class="divider-custom">
              <div class="divider-custom-line"></div>
              <div class="divider-custom-icon">
                <i class="fas fa-star"></i>
              </div>
              <div class="divider-custom-line"></div>
            </div>
            <!-- Portfolio Modal - Image -->
              <div class= "iframe-container">
 <iframe id="ifr" width="560" height="315" src="https://www.youtube.com/embed/S6VdrWQJANk" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen ></iframe></div>


            <!-- Portfolio Modal - Text -->
            <p class="mb-5">Wide Awake is a short film I made back in 2017 as my final assignment for a Communications Technology class. I submitted this film to the Vaughan Film Festival and it was an amazing experience. </p>
            <button class="btn btn-primary" href="#" data-dismiss="modal">
              <i class="fas fa-times fa-fw"></i>
              Close Window
            </button>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

...