Asp.net 如何在模式弹出窗口中清除iframe标记的多个youtube url？

我有一个显示youtube视频的模式弹出窗口。我面临的问题是，即使我关闭了模式弹出窗口，视频仍在播放。我已清除模式隐藏上的url。但它只清除一个url。Rest URL未清除。请帮忙

$(document).ready(function() {
      /* Get iframe src attribute value i.e. YouTube video url
      and store it in a variable */
      var url = $("#cartoonVideo").attr('src');

      /* Assign empty url value to the iframe src attribute when
      modal hide, which stop the video playing */
      $("#myModal").on('hide.bs.modal', function() {
            $("#cartoonVideo").attr('src', '');
      });

      /* Assign the initially stored url back to the iframe src
      attribute when modal is displayed again */
      $("#myModal").on('show.bs.modal', function() {
           $("#cartoonVideo").attr('src', url);
      });

  });

@萨钦， 假设您已经创建了多个模态并添加了相同的类，则需要将公共类设置为模态

我认为你的工作如下演示HTML

    Like Eg.
    <!-- Modal -->
<div id="myModal1" class="modal fade" role="dialog">
  <div class="modal-dialog">   

  </div>
</div>
<!-- Modal -->
<div id="myModal2" class="modal fade" role="dialog">
  <div class="modal-dialog">   

  </div>
</div>
<!-- Modal -->
<div id="myModal3" class="modal fade" role="dialog">
  <div class="modal-dialog">   

  </div>
</div>

@萨钦， 假设您已经创建了多个模态并添加了相同的类，则需要将公共类设置为模态

我认为你的工作如下演示HTML

    Like Eg.
    <!-- Modal -->
<div id="myModal1" class="modal fade" role="dialog">
  <div class="modal-dialog">   

  </div>
</div>
<!-- Modal -->
<div id="myModal2" class="modal fade" role="dialog">
  <div class="modal-dialog">   

  </div>
</div>
<!-- Modal -->
<div id="myModal3" class="modal fade" role="dialog">
  <div class="modal-dialog">   

  </div>
</div>

和链接

<a href="#myModal" role="button" class="btn" data-toggle="modal" onclick="JavaScript:siparis_goruntule.src='http://siparis.company.com/id=<?=$siparis_id?>';" >Sipariş Görüntüle</a>

和链接

<a href="#myModal" role="button" class="btn" data-toggle="modal" onclick="JavaScript:siparis_goruntule.src='http://siparis.company.com/id=<?=$siparis_id?>';" >Sipariş Görüntüle</a>

Hi@jishan siddique，谢谢你的代码。但很抱歉，我忘了提到我正在使用modal slider，我将在其中显示youtube视频。用户在一个滑块中播放一个视频，滑动到下一个视频，播放该视频。然后关闭它。当时并不是所有的视频都停止播放。只有一个视频被停止。嗨@jishan siddique，谢谢你的代码。但很抱歉，我忘了提到我正在使用modal slider，我将在其中显示youtube视频。用户在一个滑块中播放一个视频，滑动到下一个视频，播放该视频。然后关闭它。当时并不是所有的视频都停止播放。仅停止一个视频。是否可以清除包含此类iframe的div（而不是将url添加回iframe的src），构建

iframe

？是否可以清除包含此类iframe的div，并（而不是将url添加回iframe的src），构建

iframe

？

<a href="#myModal" role="button" class="btn" data-toggle="modal" onclick="JavaScript:siparis_goruntule.src='http://siparis.company.com/id=<?=$siparis_id?>';" >Sipariş Görüntüle</a>