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