티스토리 뷰

VideoJs 기능을 이용하여 열심히 플레이어를 만들고 커스텀마이징 했는데...


iOS 에서 Native Player가 실행되어서 많이 당황 하셨죠?


아래 옵션을 넣기만 하면 된다고 합니다.


<video class="video-js" poster="#" playsinline autoplay loop>
  <source src="#" type="video/mp4">
</video>

참조 : https://stackoverflow.com/a/43617296


다른 건 크게 신경 안쓰셔도 되고, playisinline 옵션을 넣어주세요.


중요한건.. iOS 9이상 부터 가능하다는 설명이 있는데...


iOS8을 테스트 해보질 못해서 첨언을 못하겠네요.



하지만.. 더 중요한 부분이..


테스트를 해보니 iOS 에서는 전체 화면 버튼을 넣을 경우,


Native 플레이어가 적용 되더라구요.


결국... iOS 사파리인지 체크 해서 그 때만 전체 화면 버튼을 제외 시키는 방식을 했습니다.


아래는 전체화면 버튼을 제외 시키는 코드 입니다.


videojs("my-video", {
    controlBar: {
      fullscreenToggle: false
    }
});


혹시 다른 방법을 아시는 분 댓글 달아주세요. ㅠㅠ



댓글
댓글쓰기 폼
공지사항
Total
435,784
Today
844
Yesterday
1,062
«   2018/12   »
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31          
글 보관함