JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://www.youtube.com/iframe_api"></script>
<button style="display:block">stop :)</button>
<iframe width="420" height="315" src="https://www.youtube.com/embed/2BagaJFimzk?enablejsapi=1&autohide=1&showinfo=0&rel=0" frameborder="0" allowfullscreen></iframe>
<iframe width="420" height="315" src="https://www.youtube.com/embed/2BagaJFimzk?enablejsapi=1&autohide=1&showinfo=0&rel=0" frameborder="0" allowfullscreen></iframe>
JavaScript
var ytplayer = [];
function onYouTubeIframeAPIReady() {
$('iframe').each(function(){
ytplayer.push(new YT.Player(this));
});
}
$('button').click(function () {
for (var i=0; i<ytplayer.length; i++)
ytplayer[i].stopVideo();
});