Hacer una devolución de llamada después de presionar el botón de reproducción - Video incrustado de Youtube

Question

¿Es posible realizar una acción de javascript después de presionar el botón de reproducción? Sé que necesitaré usar la función onStateChange de la API de Youtube. ¿Pero realmente no sé por dónde empezar? ¿Alguna ayuda? Gracias.

-

También he encontrado algo aquí: http://apiblog.youtube.com/2011/01/introducing-javascript-player-api-for.html

Answer 1

he aquí una solución que debe ser capaz de extender fácilmente: http://jsbin.com/evagof

Answer 2

<script src="http://www.google.com/jsapi" type="text/javascript"></script> 
    <script type="text/javascript"> 
     google.load("swfobject", "2.1"); 
    </script>  
    <script type="text/javascript"> 
     // Update a particular HTML element with a new value 
     function updateHTML(elmId, value) { 
     document.getElementById(elmId).innerHTML = value; 
     } 


     // This function is called when the player changes state 
     function onPlayerStateChange(newState) { 
     updateHTML("playerState", newState); 
     if(newState === 1){ 
      //if the player is now playing 
      //add your code here 
     } 
     } 

     // This function is automatically called by the player once it loads 
     function onYouTubePlayerReady(playerId) { 
     ytplayer = document.getElementById("ytPlayer"); 
     // This causes the updatePlayerInfo function to be called every 250ms to 
     // get fresh data from the player 
     setInterval(updatePlayerInfo, 250); 
     updatePlayerInfo(); 
     ytplayer.addEventListener("onPlayerStateChange"); 
     } 

     // The "main method" of this sample. Called when someone clicks "Run". 
     function loadPlayer() { 
     // The video to load 
     var videoID = "ylLzyHk54Z0" 
     // Lets Flash from another domain call JavaScript 
     var params = { allowScriptAccess: "always" }; 
     // The element id of the Flash embed 
     var atts = { id: "ytPlayer" }; 
     // All of the magic handled by SWFObject (http://code.google.com/p/swfobject/) 
     swfobject.embedSWF("http://www.youtube.com/v/" + videoID + 
          "?version=3&enablejsapi=1&playerapiid=player1", 
          "videoDiv", "480", "295", "9", null, null, params, atts); 
     } 
     function _run() { 
     loadPlayer(); 
     } 
     google.setOnLoadCallback(_run); 
    </script> 
<div id="videoDiv">Loading...</div> 
<p>Player state: <span id="playerState">--</span></p> 

http://code.google.com/apis/ajax/playground/?exp=youtube#polling_the_player

Answer 3

Eh aquí está la respuesta . http://jsfiddle.net/masiha/4mEDR/ gustarán ... hágamelo saber si usted tiene más qtns

Answer 4

Tal Youtube hecho algunos cambios ya que esta cuestión fue publicada, pero la mayoría de las respuestas no funcionó. He descubierto que la manera más fácil era utilizar el iframe_api (https://developers.google.com/youtube/iframe_api_reference)

Aquí es un ejemplo

https://thimble.webmaker.org/en-US/project/39354/edit