Youtube Api + Fancybox + 자동 재생 비디오를 재생하지 않고 재생

Question

페이지로드의 div에 처음 숨겨진 비디오가 있습니다. 그런 다음 이미지를 클릭하면 열리고 자동 재생됩니다.

그러나 브라우저에서 플래시를 사용하지 않으면 비디오가 열리지 않고 재생됩니다. 그래서 나는 오디오 만들을 수는 있지만 비디오는 듣지 못한다.

<div id="video-home-popup" style="display:none; padding:0px;"> 
<div id="player"></div> 
<script type="text/javascript"> 
    var tag = document.createElement('script'); 
    tag.src = "http://www.youtube.com/player_api"; 
    var firstScriptTag = document.getElementsByTagName('script')[0]; 
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); 
    var player; 

    function onYouTubePlayerAPIReady() { 
     player = new YT.Player('player', { 
      playerVars: { 
       modestbranding: true, 
       theme: 'light', 
       rel: 0, 
       wmode: "opaque", 
       autoplay: '1' 
      }, 
      height: '480', 
      width: '640', 
      videoId: 'qLFQUdmAkcQ', 
      events: { 
       'onReady': onPlayerReady, 
       'onStateChange': onPlayerStateChange 
      } 
     }); 
    } 

    function onPlayerReady(event) { 
     /// event.target.playVideo(); 
    } 

    function onPlayerStateChange(event) { 
     if (event.data == YT.PlayerState.PLAYING) { 
      _gaq.push(['_trackEvent', 'Videos', 'Play', 
      player.getVideoUrl()]); 
     } 
     if (event.data == YT.PlayerState.PAUSED) { 
      _gaq.push(['_trackEvent', 'Videos', 'Paused', 
      player.getVideoUrl()]); 
     } 
     if (event.data == YT.PlayerState.ENDED) { 
      _gaq.push(['_trackEvent', 'Videos', 'Watch to End', 
      player.getVideoUrl()]); 
     } 
    } 
    // ]]> 
</script> 
</div> 

Fancybox 코드 : 비디오 엽니 다

var vid=jQuery; 
vid.noConflict(); 
    vid(document).ready(function() { 
     vid('.fancyboxvideo').fancybox({ 
      padding : 0, 
      openEffect : 'none', 
      closeEffect : 'none', 
      prevEffect : 'none', 
      nextEffect : 'none', 
      autoSize : false, 
      fitToView : false, 
      width  : '640px', 
      height  : '480px', 
      arrows : false, 
      wmode  : 'opaque', 
      helpers : { 
      media : {}, 
      buttons : {}, 
      overlay : { 
      css : { 
      'background' : 'rgba(0,0,0,0.9)' 
       } 
      } 
     } 
    }); 
}); 

링크 :

<a class="fancyboxvideo" href="#video-home-popup"></a> 

Answer 1

autoplay 옵션은 0이어야 여기

내가 사용하고 유튜브 API 코드 , onComplete Fancybox 콜백에서 player.playVideo()으로 전화하십시오.