Arrêtez tous de jouer iframe vidéos sur cliquez sur un lien javascript

J'ai une liste de iframe vidéos dans ma page web.

<iframe width="520" height="360" src="http://www.youtube.com/embed/2muxrT5_a6E" frameborder="0" allowfullscreen></iframe>
<iframe width="520" height="360" src="http://www.youtube.com/embed/2muxrT5_a6E" frameborder="0" allowfullscreen></iframe>
<iframe width="520" height="360" src="http://www.youtube.com/embed/2muxrT5_a6E" frameborder="0" allowfullscreen></iframe>
<a href="#" class="close">Stop all videos</a>

J'ai besoin d'arrêter de jouer toutes les iframe vidéos sur cliquez sur le lien Stop all videos. Comment puis-je le faire?

voir developers.google.com/youtube/iframe_api_reference

InformationsquelleAutor Sam Hanson | 2012-11-28

48

Essayer de cette façon,
```
<script language="javascript" type="text/javascript" src="jquery-1.8.2.js"></script>
<script language="javascript" type="text/javascript">
$(function(){
    $('.close').click(function(){      
        $('iframe').attr('src', $('iframe').attr('src'));
    });
});
</script>
```
- Ça fonctionne très bien. Mais le problème est de rechargement toutes les vidéos de prendre du temps. Est-il un autre moyen ou puis-je effectuer le rechargement plus rapide?
- les iframes sont plus lents car il y a une charge supplémentaire pour le navigateur.
- et vos sources sont de site externe ainsi
- ok. Merci beaucoup. Une aide supplémentaire. Comment vérifier l'iframe état de la vidéo qui est de la vidéo est en état de lecture ou pas?
- vous devez utiliser le Lecteur YouTube de Référence de l'API pour les iframe Incorpore. Il y a une bonne réponse à cette stackoverflow.com/questions/8950146/... et le google de référence de l'API est ici developers.google.com/youtube/iframe_api_reference
- Merci beaucoup pour votre effort.
- Content que ça vous a aidé, vous êtes les bienvenus
- utile, élégant, simple, pour quelqu'un qui ne veut pas aller sur youtube api js façon
- Notez que si vous avez une vidéo différente dans chaque iframe alors cela ne fonctionne pas - il va changer la src de tous les iframes à la src de la première iframe sur la page. L'une des réponses ci-dessous fonctionne mieux à l'aide de cette clé.
- la langue est obsolète
- Viens de tester ce qui fonctionne bien, mais toutes les vidéos de la src est remplacée par la première vidéo de la src.
InformationsquelleAutor Swarne27
16

Cela doit cesser toutes les vidéos de jouer dans tous les iframes sur la page:
```
$("iframe").each(function() { 
        var src= $(this).attr('src');
        $(this).attr('src',src);  
});
```
- super belle et élégante, plus fonctionne, merci!!!!!
- Parfait ce code fonctionne avec les différentes vidéos sur une page. merci.
InformationsquelleAutor user163861

Signifie l'arrêt de la suspension et la définition de la vidéo à l'instant 0:

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

Cette jquery code permettra de faire exactement cela.

Aucun besoin de remplacer l'attribut src et de le recharger à nouveau la vidéo.

Petite fonction que j'utilise dans mon projet:

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

C'est refuser l'autorisation d'accès "document"
Il fonctionne dans tous mes projets. J'ai ajouté la fonction que j'utilise ci-dessus.
Le contenu de l'iframe et l'application doit être dans le même domaine!
script parfait bro 😀

InformationsquelleAutor Kai Noack

4

Recharger tous les iframes juste pour arrêter c'est une idée terrible. Vous devriez obtenir un avantage ce qui vient avec le HTML5.

Sans l'aide de YouTube iframe_API bibliothèque; vous pouvez simplement utiliser:
```
var stopAllYouTubeVideos = () => { 
  var iframes = document.querySelectorAll('iframe');
  Array.prototype.forEach.call(iframes, iframe => { 
    iframe.contentWindow.postMessage(JSON.stringify({ event: 'command', 
  func: 'stopVideo' }), '*');
 });
}
stopAllYouTubeVideos();
```
qui mettra fin à tous ses youtubes iframe vidéos.

Vous pouvez utiliser ces mots-clés message pour démarrer/arrêter/mettre en pause youtube embdded vidéos:
```
stopVideo
playVideo
pauseVideo
```
Découvrez ci-dessous le lien pour la démo live:
```
https://codepen.io/mcakir/pen/JpQpwm
```
InformationsquelleAutor Must Ckr

J'ai édité le code ci-dessus, un peu et les suivantes a fonctionné pour moi.......

<script>
function stop(){<br/>
       var iframe = document.getElementById('myvid');<br/>
     var iframe1 = document.getElementById('myvid1');<br/>
      var iframe2 = document.getElementById('myvid2');<br/>
    iframe.src = iframe.src;<br/>
    iframe1.src=iframe1.src;<br/>
    iframe2.src=iframe2.src;<br/>
}<br/>

</script>

InformationsquelleAutor Yash

$("#close").click(function(){
  $("#videoContainer")[0].pause();
});

InformationsquelleAutor krunal

0

Recharger tous les iframes à nouveau pour arrêter des vidéos
```
<a href="#" class="close" onclick="stop();">Stop all videos</a>

function stop(){
    var iframe = document.getElementById('youriframe');
    iframe.src = iframe.src;
}
```
- Il travaille pour une seule vidéo. Si plusieurs vidéos sont en jeu, il ne fonctionne pas.
InformationsquelleAutor Murali Prasanth

Vous pouvez modifier ce code avec une itération

/**
 * Stop an iframe or HTML5 <video> from playing
 * @param  {Element} element The element that contains the video
 */
var stopVideo = function ( element ) {
    var iframe = element.querySelector( 'iframe');
    var video = element.querySelector( 'video' );
    if ( iframe ) {
        var iframeSrc = iframe.src;
        iframe.src = iframeSrc;
    }
    if ( video ) {
        video.pause();
    }
};

PROPRIÉTAIRE: https://gist.github.com/cferdinandi/9044694
également posté ici (par moi): comment détruire bootstrap fenêtre modale complètement?

InformationsquelleAutor TheyDontHaveIT

Ici est un pur Javascript solution en 2019

const videos = document.querySelectorAll('iframe');
const close = document.querySelector('.close');

close.addEventListener('click', () => {
   videos.forEach(i => {
      let source = i.src;
      i.src = '';
      i.src = source;
   });
});

InformationsquelleAutor Ludolfyn

Vous devez vous connecter pour publier un commentaire.