2012-11-13 2 views
1

지난 1 년 동안 사용한 코드입니다. 그것은 위대한 작품!iOS6 이후 Fancybox에 YouTube 동영상이 표시되지 않습니다.

$("#videos a").click(function() { 
    if ($(this).hasClass('youtube')) { 
     $.fancybox({ 
      'padding'  : 0, 
      'autoScale'  : false, 
      'transitionIn' : 'none', 
      'transitionOut' : 'none', 
      'title'   : this.title, 
      'width'   : $(this).attr('data-width'), 
      'height'  : $(this).attr('data-height'), 
      'href'   : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'), 
      'type'   : 'swf', 
      'swf'   : { 
       'wmode'  : 'transparent', 
       'allowfullscreen' : 'true' 
      } 
     }); 

     return false; 
    } 
}); 

이 코드를 iPad에서 사용하면 비디오가 표시됩니다. iPad에서 동영상을 볼 수없는 경우 건너 뛰기 재생 버튼이있는 YouTube 아이콘이 표시됩니다.

iOS6부터 작동이 중지되었습니다. 코드의 아무 것도 변경되지 않았습니다. 대신 이제 흰색 팝업이 보입니다. 아무도 이것을 보지 못했습니까? 그 원인을 아는 사람이 있습니까? 난 당신이 (A SWF 플레이어를 사용) 형식 http://www.youtube.com/watch?v=3l8MwU0IjMI 사용을 중지해야 다른 플랫폼에서 더 접근 YouTube 동영상을 만들려면하지만 (대신 embed 방법을 수행 할 수 있습니다 사용

답변

9

을 Fancybox 1.3.4을 사용하고

대신 이로 share 탭) 그래서

을 선택 유튜브에서 바로 코드를 얻을 :

<a class="fancybox" href="http://www.youtube.com/watch?v=3l8MwU0IjMI">open youtube video in fancybox</a> 

... t을 그의 :

<a class="fancybox" href="http://www.youtube.com/embed/3l8MwU0IjMI?autoplay=1">open youtube video in fancybox</a> 

그런

$(".fancybox").fancybox({ 
"width": 620, // or whatever 
"height": 420, 
"type": "iframe" 
}); 
+0

유망 보이는 것처럼 iframe에 내용 type를 열려면 fancybox (v1.3.4) 스크립트를 수정, 내가 가서 나중에 오늘이를 줄 것이다. – user1326244

+0

이것은 저에게 도움이되었습니다. 브라우저에 따라 자동 실행이 항상 작동하지 않는다는 메모 (모바일 Safari에서는 작동하지 않습니다). https://developers.google.com/youtube/iframe_api_reference#Autoplay_and_scripted_playback – AllInOne

+0

@AllInOne : 버퍼링 동영상으로 데이터 요금을 낭비하고 싶지 않을 수도 있습니다. – JFK

관련 문제