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 옵션 '콘텐츠'를 사용하는 것이 좋습니다
관련 문제
- 1. Fancybox가 포함 된 GoogleMaps
- 2. HTML5 대체품이 포함 된 동영상 태그
- 3. HTML5 여러 개의 동영상이 포함 된 동영상 갤러리 재생 목록
- 4. HTML5 동영상 - 재생 측정
- 5. 태블릿에서 HTML5 동영상 재생
- 6. html5 동영상 보안 스트리밍?
- 7. 부드러운 동영상 전환 HTML5
- 8. 동영상 앞에서 광고하기 HTML5
- 9. ios html5 동영상 mp4
- 10. HTML5 동영상 플레이어 변환기
- 11. 로컬에서 HTML5 동영상 재생
- 12. iOS에서 HTML5 동영상 재생하기
- 13. HTML5 동영상 태그 (URL :
- 14. HTML5 동영상 태그 IE9
- 15. HTML5 동영상 볼륨
- 16. HTML5 동영상 스트리밍/검색
- 17. 모바일 웹 앱의 동영상 포함
- 18. 다른 동영상 클립이 포함 된 동영상 클립을 as3으로 이동
- 19. 문제 ... MPMoviePlayerViewController가 포함 된 iPad에서 동영상 재생
- 20. iOS의 Quicktime에 포함 된 YouTube 동영상 시작
- 21. HTML5 동영상 : 전체 화면 자막
- 22. Firefox HTML5 동영상 재생 불일치
- 23. 기업용 프록시 용 대체 솔루션이 포함 된 YouTube 동영상 포함
- 24. HTML5 동영상 : 새 소스 인식
- 25. HTML5 동영상 - 잘못된 마임 유형
- 26. Android HTML5 동영상 오프라인 캐싱
- 27. HTML5 동영상 - 파일로드 완료 이벤트?
- 28. html5 동영상 태그 src 유형
- 29. http5를 통한 HTML5 동영상 게재
- 30. 크롬에있는 HTML5 동영상 태그 - wmv