0

我在Jquery UI中设置了三个选项卡，每个选项卡都包含一个Youtube Embed。

一切正常，除了每当我在一个选项卡中启动一个视频并想切换到另一个选项卡时，前面的视频不会自动停止。

换句话说，我需要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-->
4

2 回答 2

0

您可以查看使用 popcorn.js 并使用 YouTube 播放器显示视频，然后只需连接到选项卡控件的 select 事件，然后在相关爆米花播放器上调用 pause。

于 2012-08-28T22:41:51.750 回答
0

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

  1. 因为该页面当前显示一个视频并隐藏另一个 2，所以最好将它们删除或隐藏在 DOM 树中
  2. 多个 div 元素使用相同的 id 属性值，每个 id 在同一页面上应该是唯一的
  3. IE的iframe视频嵌入代码有一些问题，有时整个页面会变黑... Firefox和Chrome没有这个问题，如果您关心与IE的兼容性，最好坚持使用旧对象嵌入方法
于 2012-08-29T00:34:49.700 回答