0

YouTube ビデオが埋め込まれた絶対配置の div があります。初めての訪問者に短いビデオを表示し、ビデオで div を非表示にして、ページの元のコンテンツを明らかにすることを目的として、Web サイトの別の画像の上に配置しています。

クリック イベントで div を非表示および表示する方法は知っていますが、Javascript は初めてです。YouTube ビデオが終了したことを判断し、visibility:hidden を div に適用する関数を作成するのに助けが必要です。どんな助けでも大歓迎です!

4

1 に答える 1

1

イベント セクションに特に注意を払いながら、ドキュメントを注意深く確認してください。

あなたが使用します

onStateChange: このイベントは、プレーヤーの状態が変化するたびに発生します。可能な値は、開始されていない (-1)、終了した (0)、再生中 (1)、一時停止中 (2)、バッファリング中 (3)、ビデオ キューあり (5) です。SWF が最初に読み込まれると、開始されていない (-1) イベントがブロードキャストされます。ビデオがキューされて再生する準備ができると、ビデオ キュー イベント (5) がブロードキャストされます。

状態が 0 の場合、つまり終了を意味する場合は、次のように何かを実行する必要があります。

// attach your listener
    function onYouTubePlayerReady(playerId) {
      var ytplayer = getElementById("myytplayer");
      ytplayer.addEventListener("onStateChange", "onytplayerStateChange");
    }
// your callback function   
    function onytplayerStateChange(newState) {
       if (newState === 0){
            $('yourContainingDiv').hide();
            // or if you want to just remove it...
            $('yourContainingDiv').remove();
       }
    }

addEventListener に問題がある場合は、YouTube プレーヤー API を確認してください - addEventListener() が機能しませんか?

addEventListener は初期バージョンの IE ではサポートされていないようで、少しバグがある可能性があります

于 2012-04-10T21:48:58.577 に答える