Código Javascript :
var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); // 3. This function creates an <iframe> (and YouTube player) // after the API code downloads. var player; function onYouTubeIframeAPIReady() { player = new YT.Player('video', { videoId: '8gLbQDZqiuc', events: { 'onReady': onPlayerReady, 'onStateChange': onPlayerStateChange } }); //CONTROL $("#play_btn").on("click", function() { player.playVideo(); }); $("#stop_btn").on("click", function() { player.stopVideo(); }); } var done = false; function onPlayerStateChange(event) { if (event.data == YT.PlayerState.PLAYING && !done) { setTimeout(stopVideo, 6000); setTimeout(stopVideo, 6000); done = true; } } function onPlayerReady(event) { // event.target.playVideo(); } function stopVideo() { player.stopVideo(); }
Que por alguna razón en Firefox no funciona bien, ya que el iFrame se ve todo negro, osea que lo carga bien y además se escucha el audio.