fullpage.js에서 동영상 사용해보신 분 계실까요?

fullpage.js에서 동영상 사용해보신 분 계실까요?

QA

fullpage.js에서 동영상 사용해보신 분 계실까요?

답변 1

본문

http://hkku.co.kr/ 사이트를
fullpage.js 사용해서 첫번째 화면에 동영상을 넣었는데

아이폰에서는 첫번째 화면이 검은화면만 뜨고

동영상이 돌아가지 않는데 왜 이런 현상이 나타나는지

아시는 분 계실까요?

 

동영상은 video태그 써서

<div class="section" id="section0">
        <video id="myVideo" muted data-autoplay playsinline>
            <source src="<?php echo G5_IMG_URL?>/visual_04.mp4" type="video/mp4">
        </video>
    </div>

이렇게 넣었습니다.

제발 도와주세요ㅠ

 

이 질문에 댓글 쓰기 :

답변 1

아이폰 유저 입니다. XS MAX 사용자구요..

사파리에선 안나오고...

크롬 설치 후 확인 결과 잘 돕니다.

아이폰 6도 보유하는데 6에선 안돕니다. 말씀하신데로 검정화면만...

웹 브라우저로 사파리에서 접근시 말씀하신 검정 화면입니다.

아마 사파리가 지원을 안해주는듯 싶습니다.

사파리관련 검색 시

사파리는 자동 재생 (autoplay="autoplay") 을 해줘야 하고,...만약 저리 해도 안될경우

javascript 를 이용하여 

<script> document.getElementById('vid').play(); </script>
를 추가 해보심이...

확인해주셔서 감사합니다!!

일단

<div class="section" id="section0">
<video id="myVideo" muted="muted" autoplay="autoplay" playsinline>
<source src="<?php echo G5_IMG_URL?>/visual_04.mp4" type="video/mp4">
</video>
<script> document.getElementById('myVideo').play(); </script>
</div>로 수정했는데 지금은 어떻게 나오시는지 다시 부탁드려도 될까요?

이게 찾다보니까 인코딩문제일수도 있다고하는데 나오다 안나오다하면 코딩문제일수도 있는걸까요...?

마찬가지네요..
혹 모르니 스크립트를 div 밖으로 빼내보시죠...


나오다 안나오다 하면 인코딩 문제일순 있습니다.
그리고 다음팟인코딩쪽에 보시면 IOS 전용 인코딩이 따로 있을수도 있으니 이점 참고해보시기 바랍니다.^^

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 9
© SIRSOFT
현재 페이지 제일 처음으로