Javascript 如何在模块关闭(ACF)后停止播放视频?

Javascript 如何在模块关闭(ACF)后停止播放视频?,javascript,php,advanced-custom-fields,acfpro,Javascript,Php,Advanced Custom Fields,Acfpro,我有一个问题,我不知道如何解决它。我有一个acf转发器,它上面有一个youtube上的视频转发器,当我点击一个按钮打开视频时,视频会作为模式打开,但当我关闭模式时,视频仍在后台播放 如何在模式关闭后停止播放视频? 谢谢 看起来您使用了引导模式。当模式关闭时,引导程序有一个打开的事件侦听器 大多数时候,当我使用嵌入视频时,我将src放在数据属性中。当我打开模式时,我将数据src放在iframe的src中。当我关闭它时,我通过清空视频的属性源来删除src值以停止视频,从个人角度来看,这显然是最好的

我有一个问题,我不知道如何解决它。我有一个acf转发器,它上面有一个youtube上的视频转发器,当我点击一个按钮打开视频时,视频会作为模式打开,但当我关闭模式时,视频仍在后台播放 如何在模式关闭后停止播放视频? 谢谢



看起来您使用了引导模式。当模式关闭时,引导程序有一个打开的事件侦听器


大多数时候,当我使用嵌入视频时,我将src放在数据属性中。当我打开模式时,我将数据src放在iframe的src中。当我关闭它时,我通过清空视频的属性源来删除src值以停止视频,从个人角度来看,这显然是最好的方法之一

您必须做的是在退出模式时清空iframe的源

当您进入视频模式时,只需重新加载iframe即可

var video_modal = $("#myModal");
 video_modal.on("shown.bs.modal", function(){
   $("#video").attr('src', "https://www.youtube.com/your-code-here"); /*therefore this must be the id of your iframe  */   
    
 $("body").click(function(){
    $("#video").attr("src", ""); // must be your iframe id also here
    video_modal.modal("hide"); // this is your modal id while you hide it
    $(".modal-backdrop").remove();
 });
});  
我已经使用了这段代码,它已经运行到我正在开发的页面,所以我希望它能帮助您。 干杯

var video_modal = $("#myModal");
 video_modal.on("shown.bs.modal", function(){
   $("#video").attr('src', "https://www.youtube.com/your-code-here"); /*therefore this must be the id of your iframe  */   
    
 $("body").click(function(){
    $("#video").attr("src", ""); // must be your iframe id also here
    video_modal.modal("hide"); // this is your modal id while you hide it
    $(".modal-backdrop").remove();
 });
});