Skip to main content
cuerpo editado
Origen Enlace
David
  • 3k
  • 16
  • 70
  • 126

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>

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 escuchandos edeescuchandose de fondo el video.

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>

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 escuchandos ede fondo el video.

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>

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.

se añadieron 170 caracteres en el cuerpo
Origen Enlace
David
  • 3k
  • 16
  • 70
  • 126

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>

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 escuchandos ede fondo el video.

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>

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>

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 escuchandos ede fondo el video.

Origen Enlace
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>