Question

我在 Jquery UI 中设置了三个标签，每个标签都包含一个 Youtube 嵌入。

一切正常，但每当我在一个标签中启动一个视频并想切换到另一个标签时，前一个视频就不会自动停止。

换句话说，我需要 JQUI 来停止播放所有以前的标签内容，因为用户导航到下一个，否则会发生重叠（在这种情况下是声音）。

这甚至可能吗？任何帮助表示赞赏。

html结构如下：

<div class="tabs">
    <div class="tabs-navi">
        <ul>
            <li><a href="spip.php?article1">Commercial</a></li>
            <li><a href="spip.php?article5">Fiction</a></li>
            <li><a href="spip.php?article4">Experimental</a></li>
        </ul>
    </div><!--.tabs-navi-->
</div><!--#tabs-->

Answer 1

您可以查看使用popcorn.js并使用YouTube播放器显示视频，然后只需挂钩选项卡控件的select事件，然后在相关的爆米花播放器上调用暂停。< / p>

Answer 2

到目前为止我看到的问题：

因为该页面当前用作显示视频和隐藏另外2，最好删除它们或将它们隐藏在DOM树中
几个div元素使用相同的id属性值，每个id 在同一页面上应该是唯一的
iframe视频嵌入代码存在一些问题 Internet Explorer，整个页面有时会变黑...... 如果你关心，Firefox和Chrome没有这个问题与IE兼容，最好坚持使用旧版本对象嵌入方法

Jquery UI选项卡重置内容

2 个答案: