jQuery Fancybox 비디오가 재생되지 않습니다.

팬시 박스에서 비디오를 재생하려고하는데 비디오가 다운로드 중입니다. 귀하의 클릭 기능이 fancybox에 전화를 오버라이드 (override) 할 수있다 jQuery Fancybox 비디오가 재생되지 않습니다.

감사합니다

$('a.video').on('click', function(event) { 
     event.preventDefault(); 
     $.fancybox({ 
      type' : 'iframe', 
      // hide the related video suggestions and autoplay the video 
      'href' : this.href.replace(new RegExp('watch\\?v=', 'i'), 'embed/') + '?rel=0&autoplay=1', 
      'overlayShow' : true, 
      'centerOnScroll' : true, 
      'speedIn' : 100, 
      'speedOut' : 50, 
      'width' : 640, 
      'height' : 480 
     }); 
    });

어떤 도움을 주시면 감사하겠습니다 .. ...

출처

2014-09-19 Kevin Davis

-1

: 여기에 내가 사용하고 코드입니다. 링크에서 직접 .fancybox()으로 전화해야합니다.

<li><a class="video fancybox.iframe" href="http://www.youtube.com/embed/L9szn1QQfas?autoplay=1">My Video</a></li> 

$('.video').fancybox();

http://jsfiddle.net/bevanr01/s7mLkn9j/

출처

2014-09-19 15:13:32

네, 감사합니다! 업데이트 됨. –

@KevinDavis : 빠른 답변입니다. 동영상 유형에 따라 다릅니다. mp4 비디오를 재생하는 경우 [mediaelement.js] (http://mediaelementjs.com/) 플러그인을 사용하는 것이 좋습니다. 나는 그것에 관한 튜토리얼을 썼다. http://www.picssel.com/play-mp4-videos-with-mediaelement-js-in-fancybox/ ... 당신은 여전히 youtube 비디오를 재생하기 위해 같은 코드를 사용할 수있다. 지침에 대한 자습서 아래) – JFK

네, 같은 개념이어야합니다. 'href'가 올바른 위치를 가리키고 있는지 확인하십시오. –

jQuery Fancybox 비디오가 재생되지 않습니다.

답변

관련 문제