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">×</button>
Por el momento no me realiza ninguna accion, antes me decia que el evento stop no existia en el contexto, pero ya no me dice eso y sigue escuchandose de fondo el video.