0

Jquery UIに 3 つのタブが設定されており、それぞれに 1 つのYoutube Embed が含まれています。

あるタブで 1 つのビデオを開始して別のタブに切り替えたい場合、前のビデオが自動的に停止しないことを除いて、すべて正常に動作します。

言い換えれば、ユーザーが次のタブに移動するときに以前のすべてのタブのコンテンツが再生されないようにするために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 プレーヤーを使用してビデオを表示することができます。その場合は、タブ コントロールの選択イベントにフックし、関連するポップコーン プレーヤーで一時停止を呼び出すだけです。

于 2012-08-28T22:41:51.750 に答える
0

これまでに見た問題:

  1. ページは現在、ビデオを表示し、別の 2 つを非表示にするように機能しているため、それらを削除するか、DOM ツリーから非表示にすることをお勧めします。
  2. 複数の div 要素が同じ id 属性値を使用しています。各 id は同じページで一意である必要があります
  3. Internet Explorer の iframe 動画埋め込みコードにはいくつか問題があり、ページ全体が黒くなることがありました... Firefox と Chrome にはこの問題はありません。IE との互換性を気にする場合は、古いオブジェクトの埋め込み方法
于 2012-08-29T00:34:49.700 に答える