動画が終了したときのYoutube埋め込みアクション

Question

埋め込み動画が終了したら、youtube apiでアクションを起こせるかどうかは疑問です。たとえば、私のウェブでは、1つの要素のホバー上でビデオを開始しますが、ビデオが終了すると静止画に置き換えられます。どうやってやるの？

Answer 1

使用はhttp://www.tikku.com/jquery-youtube-tubeplayer-plugin

それはすべてが容易になります。あなたは、それは単にあなたのプレーヤーの開始にこの行を追加し、（どのように-に簡単がある）長いを取るべきでない、設定が完了したら：

onPlayerEnded: function(){ // Do something here }, 

これは、プレイヤーが終了した後、あなたがやりたいだろう。プレイヤーが一時停止、停止、再生、ミュート、ミュート解除、キューイングなどのコールバックもあります。

jqueryプラグインの使用に問題がある場合はお知らせください。本当にとても便利で簡単です！

Answer 2

私はワードプレスとsuchhステップで使用した： は、ページ
にこのコードを追加しますが、
1）yoursite.comあなたに
2）アラートを変更

http://www.tikku.com/jquery-youtube-tubeplayer-pluginをインストール（"こんにちは"）;をあなたの別の望ましい機能に追加します。
3）DkoeNLuMbcIを所望のビデオIDに変換する。

<div id="youtube-player-container" style="float:right"> </div> 
<script type="text/javascript" src="http://yoursite.com/folder/jQuery.tubeplayer.min.js"></script> 
<script type="text/javascript"> 
jQuery("#youtube-player-container").tubeplayer({ 
    width: 422, // the width of the player 
    height: 285, // the height of the player 
    allowFullScreen: "true", // true by default, allow user to go full screen 
    initialVideo: "DkoeNLuMbcI?autoplay=1", // the video that is loaded into the player 
    preferredQuality: "default",// preferred quality: default, small, medium, large, hd720 
    onPlay: function(id){}, // after the play method is called 
    onPause: function(){}, // after the pause method is called 
    onStop: function(){}, // after the player is stopped 
    onSeek: function(time){}, // after the video has been seeked to a defined point 
    onMute: function(){}, // after the player is muted 
    onPlayerEnded: function(){ alert("Hello"); }, 
    onUnMute: function(){} // after the player is unmuted 
}); 
</script>