2011-11-18 5 views
3

Fancybox에로드 할 때 HTML5 비디오가 자동 재생되도록하는 데 문제가 있습니다. div에로드 된 HTML5 동영상이 숨겨져있어 태그에서 자동 재생을 사용하도록 설정할 수 없습니다. 그런 다음 Fancybox 인라인과 div에 대한 참조가있는 이미지 클릭 하나를 호출합니다. Fancybox가 열면 비디오를 재생하기 만하면 모든 것이 효과가 있습니다. 어떤 아이디어라도 감사 할 것입니다.Fancybox가 포함 된 HTML5 동영상

답변

2

비디오를 fancybox에서 열면 자동으로 재생할 수 있습니다. 인라인 비디오의 문제점은 비디오 클립을 닫으면 일시 정지되고 다음에 팬시 박스에서 열면 비디오가 닫히면 같은 위치/트랙에 열립니다 ... 그리고 " 자동 재개 "(시작시 자동 실행).

어쨌든,이 옵션은 트릭을 수행해야합니다

'onComplete': function(){ 
$("#myVideo").find('video').attr('autoplay','autoplay'); 
} 

#myVideo 비디오 태그를 포함하는 DIV의 ID입니다.

인라인 메서드를 사용 중이므로 하나의 기존 버그와 그 해결 방법 here을 살펴볼 가치가 있습니다.

'content': '<video autoplay="autoplay" preload="none" poster="path/image.jpg" width="640" height="360" controls="controls"><source autoplay="autoplay" src="path/video.ogg" type="video/ogg">your browser does not support the HTML 5 video tag</video>' 
:

결국, 당신은 인라인 유형의 문제를 방지하기 위해, 대신 API 옵션 '콘텐츠'를 사용하는 것이 좋습니다