Приостановить видео, когда модальное всплывающее окно - HTML & Javascript

Question

Здравствуйте, я хочу приостановить видео, когда модальное всплывающее окно, как я могу это сделать? вот код

вот модал, когда всплывающее окно - я изменяю его на jumbotron, потому что мне удобнее с ним.

<div class="overlay">
  <br><br><br><br><br><br><br><br><br><br><br>

    <div class="text-center col-md-8" style="margin-left: 250px;">

         <div class="jumbotron">
          <h1><u>THIS IS AN ANNOUNCEMENT</u></h1>
          <h1>Please read the announcement</h1>
          <h3>You are a safe passenger</h3>
          <h1><?php echo $row['id']; ?> <?php echo $row['additional_info']; ?></h1>
          <p><a class="btn btn-primary btn-lg" href="#" role="button">TAPOS NA!</a></p>
        </div>

    </div>

а вот видео src

<video oncontextmenu="return false;" src="../inflightapp/storage/app/public/movie_videos/<?php echo ''.$row2['movie_video'].''; ?>" id="noads" width="1px" controls controlsList="nodownload"> 

Answer 1

Добавление атрибута id к видео:

<video id="myVideo" ...

Вы можете приостановить видео с помощью JavaScript. Вызовите функцию pauseVid();, когда появится модальное окно.

<script>
var vid = document.getElementById("myVideo");

function pauseVid() { 
  vid.pause(); 
} 
</script>