video.js로 영상을 보이는 중인데, 아이폰 환경에서만 전체화면 시 프로그레스바가 생성되는 상황입니다. 이를 막고싶습니다.

Question

현재 영상교육 사이트를 제작 및 운영중입니다.이 사이트의 영상을 시청할 때 progress bar 로 영상 재생시간을 컨트롤 할 수 없어야했고,player &#61; videojs('video', { // autoplay: true, controlBar: { playToggle: { replay: false, }, progressControl: false, // fullscreenToggle: false, }, });이렇게 작성해서 progress bar 가 사라진 것을 확인했습니다.전체화면버튼은 원래 없앴었는데, 넣어달라는 요청이 있어서 넣었습니다.안드로이드 환경에서는 정상적으로 보이지 않습니다.아이폰에서도 정상적으로 보이지않는데, 전체화면을 하니 하단에 프로그레스 바가 생성되었습니다.아이폰의 자체 플레이어로 재생되는 것으로 추측하고있는데요.아이폰의 플레이어로 재생되는 것이 아닌, 제가 작성한 플레이어로 전체화면 재생이 되도록 할 방법은 없는 것인가요?프로그레스바의 사용을 무조건적으로 막아야합니다.

HJOW · Answer

일단 무조건 막는 건 무조건 불가능합니다.애초에 막을거였으면 웹으로 해서는 안됐습니다.그래도 일단 일반사용자가 브라우저 개발자도구를 쓸줄 모른다고 가정한다면아이폰, 아이패드쪽 브라우저 앱과 웹뷰는 전부 사파리(웹킷) 기반이라(웹브라우저 엔진이 다른 것이 들어가면 앱스토어 심사 탈락입니다. 그래서 구글 크롬도 애플쪽은 사파리 엔진)html5의 video 태그의 css 속성 이름이 다릅니다. video.js 에도 영향이 좀 있겠죠.https://stackoverflow.com/questions/31742851/remove-progress-bar-from-html5-video-player-in-full-screenvideo.js도 일개 라이브러리일 뿐이니저 css 속성을 전역으로 주고 진행해보세요.

video.js로 영상을 보이는 중인데, 아이폰 환경에서만 전체화면 시 프로그레스바가 생성되는 상황입니다. 이를 막고싶습니다.

1개의 답변

#videojs 목록