Interrompere tutti i video iframe in riproduzione facendo clic su un collegamento javascript

Ho una lista di video iframe nella mia pagina web.

   Stop all videos 

Devo interrompere la riproduzione di tutti i video iframe facendo clic sul collegamento Stop all videos . Come lo posso fare?

Prova in questo modo,

   

Questo dovrebbe interrompere tutti i video riprodotti su tutti gli iframe della pagina:

 $("iframe").each(function() { var src= $(this).attr('src'); $(this).attr('src',src); }); 

Arresto significa mettere in pausa e impostare il video sul tempo 0:

  $('iframe').contents().find('video').each(function () { this.currentTime = 0; this.pause(); }); 

Questo codice jQuery farà esattamente questo.

Non è necessario sostituire l’attributo src e ricaricare nuovamente il video.


Piccola funzione che sto usando nel mio progetto:

  function pauseAllVideos() { $('iframe').contents().find('video').each(function () { this.pause(); }); $('video').each(function () { this.pause(); }); } 

Ho modificato il codice sopra un po ‘e il seguente ha funzionato per me …….

  

Ricarica di nuovo tutti gli iframe per fermare i video

 Stop all videos function stop(){ var iframe = document.getElementById('youriframe'); iframe.src = iframe.src; } 
 $("#close").click(function(){ $("#videoContainer")[0].pause(); }); 

È ansible modificare questo codice con un’iterazione

 /** * Stop an iframe or HTML5  

PROPRIETARIO: https://gist.github.com/cferdinandi/9044694 pubblicato anche qui (da me): come distruggere completamente la finestra modale di bootstrap?

Ricaricare tutti gli iframe solo per fermarli è una pessima idea. Dovresti trarre vantaggio da ciò che viene fornito con HTML5.

Senza utilizzare la libreria iframe_API di YouTube; puoi semplicemente usare:

 var stopAllYouTubeVideos = () => { var iframes = document.querySelectorAll('iframe'); Array.prototype.forEach.call(iframes, iframe => { iframe.contentWindow.postMessage(JSON.stringify({ event: 'command', func: 'stopVideo' }), '*'); }); } stopAllYouTubeVideos(); 

che interromperà tutti i video iframe di youtubes.

Puoi utilizzare queste parole chiave del messaggio per avviare / interrompere / mettere in pausa i video inseriti su YouTube:

 stopVideo playVideo pauseVideo 

Controlla il link sottostante per la demo dal vivo:

 https://codepen.io/mcakir/pen/JpQpwm