Atualmente uso o seguinte script para pausar o vídeo do youtube:
HTML:
<span onClick="stopVideo();" class="wmg-close"></span>
<div id="player<?= $dAgenda['id'];?>"></div>
JavaScript dentro do Laço de repetição do PHP:
<script type="text/javascript">
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player<?= $dAgenda['id'];?>', {
height: '230',
width: '454',
videoId: '<?= $dAgenda['link'];?>',
events: {}
});
}
function stopVideo() {
player.stopVideo();
}
</script>
Fora do Laço de repetição do PHP:
<script type="text/javascript">
// 2. This code loads the IFrame Player API code asynchronously.
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
</script>
Conclusão:
O vídeo está aparecendo apenas para o último filme do laço de repetição do PHP!