0

顧客の Web サイトの 1 つに YouTube ビデオを埋め込もうとしていますが、再生が終了したときに画像を表示できるようにする必要があります。これを行う最も簡単な方法は、含まれている div を削除して、下にある画像が表示されるようにすることだと思いました..しかし、少し苦労しています。私は JavaScript の知識がほとんどなく、通常この作業を引き継ぐチャップは現在利用できません。

私が抱えている問題は、含まれている div が削除されていないことです。再生が終了すると、プレーヤーは関連する動画のリストを表示するだけです。魔法のように消えるわけではありません。

私がこれまでに書いたコードについて誰でもアドバイスできますか?

ありがとう

-アル

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<div id="ytapiplayer">
    You need Flash player 8+ and JavaScript enabled to view this video.
</div>
<script type="text/javascript">

var params = { allowScriptAccess: "always"  };
var atts = { id: "myytplayer" };
swfobject.embedSWF("http://www.youtube.com/v/VIDEO-ID?enablejsapi=1&playerapiid=ytplayer&version=3&autoplay=1&controls=0&modestbranding=1&showinfo=0&autohide=1",
                   "ytapiplayer", "621", "244", "8", null, null, params, atts);
// listen
function onYouTubePlayerReady(playerId) {
  var ytplayer = getElementById("myytplayer");
  ytplayer.addEventListener("onStateChange", "onytplayerStateChange");
}
// closediv 
function onytplayerStateChange(newState) {
   if (newState === 0){
        $('ytapiplayer').remove();
   }
}

4

2 に答える 2

1

jQueryセレクターが間違っています。

$('ytapiplayer').remove();

あなたはytapiplayerと呼ばれるhtml要素を探すと言っています、あなたは#それがIDであると言うためにを使う必要があります。

したがって、行は次のようになります。

$('#ytapiplayer').remove();
于 2012-07-19T14:26:43.963 に答える