Остановить воспроизведение всех видео iframe при нажатии на ссылку javascript

Попробуйте так,

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

Это должно остановить воспроизведение всех видео во всех фреймах на странице:

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

Перезагружать все фреймы только для того, чтобы остановить их — ужасная идея. Вы должны воспользоваться преимуществами HTML5.

Без использования библиотеки YouTube iframe_API; вы можете просто использовать:

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

который остановит все видео iframe на YouTube.

Вы можете использовать эти ключевые слова сообщений для запуска/остановки/паузы встроенных видео YouTube:

stopVideo
playVideo
pauseVideo

Проверьте ссылку ниже для живой демонстрации:

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

PS- URL-адрес YouTube должен иметь параметр запроса ?enablejsapi=1, чтобы это решение работало.

Остановка означает паузу и установку видео на время 0:

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

Этот код jquery сделает именно это.

Не нужно заменять атрибут src и снова перезагружать видео.

Маленькая функция, которую я использую в своем проекте:

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

Вот ванильное решение Javascript в 2019 году

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

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

Я немного отредактировал приведенный выше код, и у меня сработало следующее .......

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

Снова загрузите все фреймы, чтобы остановить видео.

<a href="#" class="close" onclick="stop();">Stop all videos</a>

function stop(){
    var iframe = document.getElementById('youriframe');
    iframe.src = iframe.src;
}

Вы можете изменить этот код с помощью итерации

/**
 * 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();
    }
};

ВЛАДЕЛЕЦ: https://gist.github.com/cferdinandi/9044694 также размещен здесь (от я): как полностью уничтожить модальное окно начальной загрузки?

В jQuery вы можете остановить iframe или html-видео, используя приведенный ниже код.
Это будет работать для одного или нескольких видео на одной странице.

var  videos = document.querySelectorAll('iframe');
 
$(".video-modal .fa-times").on("click", function () {
        videos.forEach(i => {
          let source = i.src;
          i.src = '';
          i.src = source;
       });
        $(".video-modal").css("display", "none");
        return false;
    });

})