Buscando en internet encontré esto:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://www.youtube.com/player_api"></script>
<iframe id="player" type="text/html" width="640" height="360" src="http://www.youtube.com/embed/M7lc1UVf-VE?enablejsapi=1" frameborder="0"></iframe>
<script type="text/javascript">
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player');
}
$(document).on('mouseover', '#player', function() {
player.playVideo();
});
$(document).on('mouseout', '#player', function() {
player.pauseVideo();
});
</script>
link: Reproducir vídeo youtube solo cuando este este en el foco utilizando la YouTube API de IFrame
Pero, no sé cómo lograr ese mismo efecto con varios vídeos de YouTube. Intenté combinarlo con esto:
var player;
var player2;
function onYouTubePlayerAPIReady() {
player = new YT.Player('player', {
videoId: 'hdy78ehsjdi'
});
player2 = new YT.Player('player', {
videoId: '81hdjskilct'
});
}
link: https://stackoverflow.com/questions/17012886/loading-multiple-video-players-with-youtube-api
Sin embargo, no funciona. ¿Alguien podría por favor ayudarme a resolverlo?