1

「ページ」の代わりに、以下のコードを使用して、さまざまなメニュー クリックで表示/非表示を切り替える div を作成したサイトを作成しました。

唯一の問題は、ページの 1 つにある YouTube ビデオです。ユーザーがビデオを再生すると、ビデオを停止する必要があります。そうしないと、他のページにアクセスしたときにビデオが再生され続けます。

ユーザーがページを離れたときにビデオを一時停止する方法、または別のコンテンツをクリックしたときにビデオを完全に停止する方法はありますか?

ページ ナビゲーションのコードは次のとおりです。

$('#homePage').show();

$('.nav').click(function () {
    $('.page:visible').slideUp('slow'); // or .hide()
    $($(this).data('target')).slideDown('slow'); // or.show()
})

どんな助けでも大歓迎です

4

1 に答える 1

1

こんにちは、このページは大いに役立つはずです。https://developers.google.com/youtube/iframe_api_reference . YouTube Api でビデオを「ラップ」し、既に関連付けられているイベントとメソッドを使用するだけです。

基本的にあなたがする必要があるのは、div が閉じられたとき、またはビデオから x へのボタンがクリックされたときです。このようなことをする必要があります。

$("#myDiv").click(function () {
    player.stopVideo();
  });

注意すべきことの 1 つは、Iframe を含む div の表示を非表示にする場合は、プレーヤーが表示されるたびにプレーヤーを再追加する必要があるか、それに関連付けられているイベントが失われることです。これが役立つことを願っています。

于 2013-06-07T15:59:59.690 に答える