Javascript 关闭模式时停止YouTube视频
这是我的标记。我不确定我需要做什么才能让视频在我关闭模式时停止播放。它在chrome中停止播放,但在firefox中,视频仍在后台播放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"
<!-- 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视频
我在这里回答了一个类似的问题。我使用eventevent.relatedTarget
和属性在打开和关闭模式时播放和停止视频。这里我回答了一个类似的问题。我使用eventevent.relatedTarget
和属性在打开和关闭模式时播放和停止视频。如果我只需单击页面上的一个按钮,并且我不知道如何调整代码以处理三个视频,那么您共享的代码将非常有用。看这里:哈哈,没关系,我刚刚发现我只需要在('hide.bs.modal',function(){$(“#iframeYoutube”).attr('src',”;)上加上$(“#myModal”).on;在我的JavaScription的结尾,如果我只需点击页面上的一个按钮,而我不知道如何调整您的代码来处理三个视频,那么您共享的代码将非常有用。看这里:哈哈,没关系,我刚刚发现我只需要在('hide.bs.modal',function(){$(“#iframeYoutube”).attr('src',”;)上加上$(“#myModal”).on;到我的javascript的末尾