单击另一个标签时如何自动停止视频

时间:2019-01-31 04:34:12

标签: javascript jquery

我使用制表视频服务器之间改变,但我有一个问题。当我点击另一个标签中的第一标签中的影片继续播放,我尝试了一些方法和功能,但不与我一起工作,我不知道JavaScript的任何事情,如果任何人能帮助我,我真的很感激帮助< / p>

<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 -->

1 个答案:

答案 0 :(得分:0)

尝试一下。我用过Windows事件

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

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

更新

引自here

  

Firefox仅在有安全选项的情况下服从提升窗口的请求   已设置,默认情况下未设置。 Chrome不会关注   据我所知,focus()根本没有要求。 Safari确实服从   focus()请求。

     

特定的Firefox设置位于“工具”->“选项”(“编辑->   在Linux(可能是MacOS)上选择“首选项”对话框。有一个“内容”标签,   并且其中有一个启用Javascript的复选框。随着   这是一个“高级”按钮,它会弹出另一个对话框,其中   人们会找到一个复选框,以允许(或禁止)升高和降低   按页面代码划分的窗口数。