Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.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 如何在单击其他选项卡时自动停止视频_Javascript_Jquery - Fatal编程技术网

Javascript 如何在单击其他选项卡时自动停止视频

Javascript 如何在单击其他选项卡时自动停止视频,javascript,jquery,Javascript,Jquery,我使用标签在视频服务器之间切换,但我有一个问题。当我点击另一个选项卡时,第一个选项卡中的视频一直在播放。我尝试了一些方法和功能,但没有与我一起工作,我对JavaScript一无所知。如果有人能帮助我,我将非常感谢您的帮助 <div class="mtabs_wrapper"> <!-- Original tabs START --> <div id="mtabs"> <ul> <li><a href="#

我使用标签在视频服务器之间切换,但我有一个问题。当我点击另一个选项卡时,第一个选项卡中的视频一直在播放。我尝试了一些方法和功能,但没有与我一起工作,我对JavaScript一无所知。如果有人能帮助我,我将非常感谢您的帮助

<div class="mtabs_wrapper">
<!-- Original tabs START -->

<div id="mtabs">
    <ul>
        <li><a href="#tab1" rel="tab1">Openload</a></li>
        <li><a href="#tab2" rel="tab2">Streamango</a></li>
        <li><a href="#tab3" rel="tab3">Ok.Ru</a></li>
        <li class="active"><a href="#tab4" rel="tab4">Upvid</a></li>
    </ul>
</div>

<div id="mtabs_content_container">
    <div id="tab1" class="mtab_content">
      <p><a id="simulate" href="#mtabs_wrapper#mtabs_content_container#tab2">
              <iframe class="resp-container" src="https://oload.club/embed/CAr3JJIPf8Y/"   height="485"  style="width:100%; name="search_iframe" frameborder="0" allowfullscreen="allowfullscreen" sandbox="allow-forms allow-pointer-lock allow-same-origin allow-scripts allow-top-navigation" ></iframe>  

    </div>
    <div id="tab2" class="mtab_content">
    <iframe class="resp-container" src="https://oload.club/embed/CAr3JJIPf8Y/"  height="485"  style="width:100%; name="search_iframe" frameborder="0" allowfullscreen="allowfullscreen"></iframe>  
    </div>
    <div id="tab3" class="mtab_content">
    <iframe class="resp-container" src="https://oload.club/embed/CAr3JJIPf8Y/"  height="485"  style="width:100%; name="search_iframe" frameborder="0" allowfullscreen="allowfullscreen"></iframe>  
    </div>
<div id="tab4" class="mtab_content" style="display: block;">

    <iframe class="resp-container" src="https://oload.club/embed/CAr3JJIPf8Y/"  height="485"  style="width:100%; name="search_iframe" frameborder="0" allowfullscreen="allowfullscreen"></iframe>  

</div>
<!-- Original tabs END -->

试试这个。我用过windows事件

 $(window).focus(function() {
        $('#video_id').play();
    });

    $(window).blur(function() {
        $('#video_id').pause();
    });
更新

引自

Firefox只会在安全选项允许的情况下服从打开窗口的请求 已设置,默认情况下未设置。Chrome不会注意到 就我所知,关注所有的请求。狩猎是服从的 焦点请求

特定的Firefox设置位于工具->选项编辑-> Linux上的首选项,可能是MacOS对话框。有一个内容标签, 其中有一个启用Javascript的复选框。随着 这是一个打开另一个对话框的高级按钮,其中 可以找到一个复选框来允许或不允许升高和降低 按页面代码显示窗口的名称


您使用的浏览器是什么@伊利亚斯拉米酒店@priyanshisrivastava@IliasRami检查我在回答中描述的链接