javascript - 即使模式已关闭，Bootstrap模式仍可继续播放数据库视频

Question

我将YouTube和视频嵌入网址存储在数据库中。然后在模式中调用视频URL来播放视频。但是即使关闭了模式，视频仍会继续播放。我已经尝试过这种解决方案，并且对我有用，但是它为每个视频分配了相同的ID。
我的意思是，我的页面上有6个不同的视频，然后此解决方案可以在每种模式下播放相同的视频。
请指导。
提前致谢
这是我的代码

if($row['link_type'] == 'yt_video'){
                                   ?>
<div class="modal" id="mod<?=$i ?>" tabindex="-1" role="dialog" aria-hidden="true">
                                        <div class="modal-dialog modal-lg" role="document">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <!--<h5 class="modal-title" id="exampleModalLabel">Add Video Url For <b><?php echo $row['title']; ?></b></h5> -->
                                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                                                </div>
                                            <div class="modal-body">
                                                <!-- video section strts  -->
                                                <div class="service-video-section josh-js"  data-josh-anim-name="" data-josh-duration="1500ms" data-josh-anim-delay="3.5s">
                                                    <div class="video-section-content">
                                                        <div class="video">
                                                            <?=$row['link_desc'] ?>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- video section Ends  -->
                                            </div>
                                            </div>
                                        </div>
                                    </div>
<?php
                                       
                                   }                                   
                                    $i++;
                                    } 
                                    ?>

这是我尝试过的解决方案

<script language="javascript" type="text/javascript">

    $(function(){
            $('.close').click(function(){      
                    $('iframe').attr('src', $('iframe').attr('src'));
    });
            });
</script>

Answer 1

您是否考虑过使用youtube和vimeo API？然后，您将可以控制嵌入的播放器控件，即停止，播放，暂停等。如下所述:
Stop embedded youtube iframe?
然后，当您触发close.click功能时，您也可以停止视频。