1

ボタンがあります。そのボタンをクリックすると、fadeToggle() を実行してポップアップを表示または非表示にします。

そのポップアップは、自動再生されるフラッシュ ビデオの上に表示されます。

だから、私がやりたいのは、ポップアップが表示されたら、ビデオを一時停止したいということです。非表示になったら、ビデオを再生します。

私のビデオ プレーヤーは既にこれらの機能をサポートしています。したがって、これは正常に機能しています：

 videoPlayer.pause(); 
 videoPlayer.play()

それで、私の FadeToggle() はどのように見えるでしょうか? 今、私はこのコードを持っています:

  $("#categorySlider").fadeToggle('fast', function() {
       var videoPlayer = document.getElementById("videoContainer");
       videoPlayer.pause();
  });

ここに play() の部分がありませんが、追加する構文がわかりません?! fadeToggle の使用が適切でない場合は、任意の jquery または javascript を使用できます。

助けてください。

4

1 に答える 1

6

jquery:visibleセレクターを使用して、#categorySliderが表示されているかどうかを確認し、それに応じてビデオを一時停止または再生できます。

$("#categorySlider").fadeToggle('fast', function() {
   var videoPlayer = document.getElementById("videoContainer");
   if ($("#categorySlider").is(":visible"))
        videoPlayer.pause();
   else
        videoPlayer.play(); 
});
于 2012-07-17T14:26:56.640 に答える