fullpage.js에서 동영상 사용해보신 분 계실까요?
본문
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 전용 인코딩이 따로 있을수도 있으니 이점 참고해보시기 바랍니다.^^
