javascript - 单击另一个选项卡时停止视频

Question

我正在使用 Bootstrap 选项卡在我网站的视频之间切换，但我遇到了问题。当我点击另一个标签时，第一个标签中的视频继续播放，所以我搜索了一下，我可以看出它与 javascript 有关!是的，我对javascript一无所知，只知道一些html、css、php和sql，但不知道javascript。因此，如果有人可以帮助我，我将非常感谢您的帮助((我使用了很多视频托管网站，例如 youtube、dailymotion、ok.ru 等等)如果有人可以帮助我提供一些代码，我真的会感谢! 这是我的代码

<ul class="nav nav-tabs centered">
    <li class="active"><a data-toggle="tab" href="#video1">video 1</a></li>
    <li><a data-toggle="tab" href="#video2">video 2</a></li>
    <li><a data-toggle="tab" href="#video3">video 3</a></li>
</ul>

<div class="tab-content">
    <div id="video1" class="tab-pane fade in active" style="padding:5px">
        <div class="embed-responsive embed-responsive-16by9">
          <iframe class="embed-responsive-item" src="'.$rows['video1'].'" allowfullscreen></iframe>
        </div>
    </div>
    <div id="video2" class="tab-pane fade" style="padding:5px">
        <div class="embed-responsive embed-responsive-16by9">
            <iframe class="embed-responsive-item" src="'.$rows['video2'].'" allowfullscreen></iframe>
        </div>
    </div>
    <div id="video3" class="tab-pane fade" style="padding:5px">
        <div class="embed-responsive embed-responsive-16by9">
            <iframe class="embed-responsive-item" src="'.$rows['video3'].'" allowfullscreen></iframe>
        </div>
    </div>
</div>

提前致谢

Answer 1

我认为你实际上不能这样做，因为“Same-origin policy”。

很明显，您的网站 A 不能通过 iframe 在网站 B 上使用 javascript/datas。 您可以使用服务器上托管的视频播放器执行此操作(在这种情况下仅网站 A)。