Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 关闭模式时停止YouTube视频_Javascript_Jquery_Html_Youtube Api - Fatal编程技术网

Javascript 关闭模式时停止YouTube视频

Javascript 关闭模式时停止YouTube视频,javascript,jquery,html,youtube-api,Javascript,Jquery,Html,Youtube Api,这是我的标记。我不确定我需要做什么才能让视频在我关闭模式时停止播放。它在chrome中停止播放,但在firefox中,视频仍在后台播放 <!-- Modal --> <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"

这是我的标记。我不确定我需要做什么才能让视频在我关闭模式时停止播放。它在chrome中停止播放,但在firefox中,视频仍在后台播放

    <!-- Modal -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-body">

            <iframe id="iframeYoutube" width="854" height="480"  src="https://www.youtube.com/embed/TFpFJeWOvZg?rel=0" frameborder="0" allowfullscreen></iframe> 

          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
          </div>
        </div>
      </div>
    </div>

<script>
  $(document).ready(function(){
  $("#myModal").on("hidden.bs.modal",function(){
    $("#iframeYoutube").attr("src","#");
  })
})

function changeVideo(vId){
  var iframe=document.getElementById("iframeYoutube");
  iframe.src="https://www.youtube.com/embed/"+vId;

  $("#myModal").modal("show");
}
</script>

接近
$(文档).ready(函数(){
$(“#myModal”).on(“hidden.bs.modal”,function(){
$(“#iframeYoutube”).attr(“src”,“#”);
})
})
功能更改视频(vId){
var iframe=document.getElementById(“iframeYoutube”);
iframe.src=”https://www.youtube.com/embed/“+vId;
$(#myModal”).modal(“show”);
}
请用这种方法试试。。
$(文档).ready(函数(){
/*获取iframe src属性值,即YouTube视频url
并将其存储在变量中*/
var url=$(“#卡通视频”).attr('src');
/*在以下情况下为iframe src属性指定空url值:
模式隐藏,停止视频播放*/
$(“#myModal”).on('hide.bs.modal',function(){
$(“#卡通视频”).attr('src',”;
});
/*将最初存储的url分配回iframe src
再次显示模态时的属性*/
$(“#myModal”).on('show.bs.modal',function(){
$(“#cartonvideo”).attr('src',url);
});
});
.bs示例{
利润率:20px;
}
.模态内容iframe{
保证金:0自动;
显示:块;
}

&时代;
YouTube视频
请用这种方法试试。。
$(文档).ready(函数(){
/*获取iframe src属性值,即YouTube视频url
并将其存储在变量中*/
var url=$(“#卡通视频”).attr('src');
/*在以下情况下为iframe src属性指定空url值:
模式隐藏,停止视频播放*/
$(“#myModal”).on('hide.bs.modal',function(){
$(“#卡通视频”).attr('src',”;
});
/*将最初存储的url分配回iframe src
再次显示模态时的属性*/
$(“#myModal”).on('show.bs.modal',function(){
$(“#cartonvideo”).attr('src',url);
});
});
.bs示例{
利润率:20px;
}
.模态内容iframe{
保证金:0自动;
显示:块;
}

&时代;
YouTube视频

我在这里回答了一个类似的问题。我使用event
event.relatedTarget
和属性在打开和关闭模式时播放和停止视频。

这里我回答了一个类似的问题。我使用event
event.relatedTarget
和属性在打开和关闭模式时播放和停止视频。

如果我只需单击页面上的一个按钮,并且我不知道如何调整代码以处理三个视频,那么您共享的代码将非常有用。看这里:哈哈,没关系,我刚刚发现我只需要在('hide.bs.modal',function(){$(“#iframeYoutube”).attr('src',”;)上加上$(“#myModal”).on;在我的JavaScription的结尾,如果我只需点击页面上的一个按钮,而我不知道如何调整您的代码来处理三个视频,那么您共享的代码将非常有用。看这里:哈哈,没关系,我刚刚发现我只需要在('hide.bs.modal',function(){$(“#iframeYoutube”).attr('src',”;)上加上$(“#myModal”).on;到我的javascript的末尾