Skip to main content
1 de 3
David
  • 3k
  • 16
  • 70
  • 126

¿Como se controlan las acciones de youtube mediante javascript?

Lo que quiero hacer es que al momento de dar clic en el boton de cerrar de mi modal, este me detenga el video que se esta reproduciendo, por el momento el video se queda sonando de fondo en mi sitio web, actualmente lo estoy intentando de la siguiente forma:

Objeto de youtube

<center>
<object width="420" height="315" data="https://www.youtube.com/embed/XGSy3_Czz8k">
</object>
</center>

Codigo de JS

var tag = document.createElement('script');
tag.src = "//www.youtube.com/player_api";


var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player;




function onYouTubePlayerAPIReady() {
  // create the global player from the specific iframe (#video)
  player = new YT.Player('videoM', {
    events: {
      // call this function when player is ready to use
      'onReady': onPlayerReady
    }
  });
}


function onPlayerReady(event) {
  onYouTubePlayerAPIReady();
  var pauseButton = document.getElementById("cerrarM");
  pauseButton.addEventListener("click", function() {
    player.stopVideo();
  });
  
}

Codigo de boton close

<button class="close" onclick="cerrar(2);" id="cerrarM">&times;</button>
David
  • 3k
  • 16
  • 70
  • 126