Tengo un script específico de reproducción automática de YouTube, que es bastante eficiente porque también funciona en dispositivos móviles. Sin embargo, estoy tratando de pausar este video de Youtube cuando el usuario desplaza el video fuera de la ventana gráfica; de esta manera, si reproduce otro video; no están jugando simultáneamente. Otra solución sería simplemente pausar un video cuando se inicia otro.

Guión de reproducción automática actual

 var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); var players; function onYouTubePlayerAPIReady() { var players = document.querySelectorAll('.no-sound div') for (var i = 0; i < players.length; i++) { new YT.Player(players[i], { playerVars: { 'autoplay': 1, 'playsinline': 1}, events: { 'onReady': onPlayerReady }, videoId: players[i].dataset.id }); } } function onPlayerReady(event) { event.target.mute(); event.target.playVideo(); }

El video está incrustado en la página así:

 <div id="videoWrapper" class="no-sound"> <div data-id="#"></div> </div>