Fechar modal com vídeo

Estou desenvolvendo um site que carrega os últimos 6 vídeos adicionados, e quando clica em algum abre um modal para assistir o vídeo, quando fecho o modal o vídeo continua rodando, estou tentando fazer com que o vídeo pare mas não estou conseguindo. home.php

<?php if (!empty($videos)) { $i=0. foreach ($videos $videos) {?> <div class="col-md-4"> <div class="ot-portfolio-item"> <figure class="effect-bubba"> <div class="embed-responsive embed-responsive-16by9"> <iframe width="949" height="534" src="https://www.youtube.com/embed/<?=$video["link"]?>" frameborder="0" allow="accelerometer. autoplay. encrypted-media. gyroscope. picture-in-picture" allowfullscreen></iframe> </div> <figcaption> <a href="#" class="video-btn" id="#video_<?=$video["video_id"]?>" data-src="https://www.youtube.com/embed/<?=$video["link"]?>" data-toggle="modal" data-target="#video_<?=$video["video_id"]?>"></a> </figcaption> </figure> </div> </div> <div class="modal fade" id="video_<?=$video["video_id"]?>" tabindex="-1" role="dialog" aria-labelledby="Modal-label-1"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="X"><span aria-hidden="true">&times. </span></button> <h4 class="modal-title" id="Modal-label-1"><?=$video["titulo"]?></h4> </div> <div class="modal-body"> <div class="embed-responsive embed-responsive-16by9"> <iframe id="video_iframe" width="949" height="534" src="https://www.youtube.com/embed/<?=$video["link"]?>" frameborder="0" allow="accelerometer. autoplay. encrypted-media. gyroscope. picture-in-picture" allowfullscreen></iframe> </div> <div class="modal-works"><span><?=$video["autor"]?></span></div> <p><?=$video["video_description"]?></p> </div> <div class="modal-footer"> <button type="button" class="btn btn-default teste" data-dismiss="modal">Fechar</button> </div> </div> </div> </div> <?php if (++$i == 6) break. } // FOREACH } // IF?> </div>.js var videoSrc. var videoId. $('.video-btn').click(function() { videoSrc = $(this).data( "src" ). videoId = $(this).data('target'). //aqui pego o id do modal }). 

//aqui pauso o vídeo quando fecho o modal, mas só funciona se eu colocar diretamente o id "$('#video_...') "

$(videoId ).on('hide.bs.modal', function () { $("#video_iframe").attr('src',videoSrc). }) alguém sabe como faço para o modal para o vídeo quando fechado?