HTML 비디오 태그 컨트롤러 커스텀했는데 아이폰에서 풀스크린이 안먹습니다...

Question

웹 사이트에 들어가는 비디오 태그 컨트롤러를 기본 컨트롤러에서 js로 커스텀을 했는데요. 풀스크린 이슈가 있습니당...웹, 안드로이드는 정상적으로 풀스크린 작동하는데 아이폰에서만 먹통이되는 이슈가 있어요ㅠㅠ 해결방법 아시는 분 계신가요??? // 풀스크린 여부 확인(true/false) var isFullScreen &#61; function() { return !!(document.fullscreen || document.webkitIsFullScreen || document.mozFullScreen || document.msFullscreenElement || document.fullscreenElement); } // 풀스크린 elemVideo.addEventListener('dblclick', openFullscreen); fullscreen.addEventListener('click', openFullscreen); function openFullscreen() { let elem &#61; document.querySelector('#video_player'); if(isFullScreen() &#61;&#61;&#61; false) { if (elem.requestFullscreen) { elem.requestFullscreen(); } else if (elem.webkitRequestFullscreen) { /* Safari */ elem.webkitRequestFullscreen(); } else if (elem.webkitEnterFullscreen) { /* m */ elem.webkitEnterFullscreen(); } else if (elem.msRequestFullscreen) { /* IE11 */ elem.msRequestFullscreen(); } fsIcon.src &#61; &#34;images/btn_fullscreen_exit.svg&#34; } else { if (document.exitFullscreen) { document.exitFullscreen(); } else if (document.webkitCancelFullScreen) { /* Safari */ document.webkitCancelFullScreen(); } else if (document.webkitExitFullscreen) { /* m */ document.webkitExitFullscreen(); } else if (document.msExitFullscreen) { /* IE11 */ document.msExitFullscreen(); } fsIcon.src &#61; &#34;images/btn_fullscreen.svg&#34; } }나머지는 다 정상작동하는데 왜 아이폰에서만 이럴까요ㅠㅠㅠ그래서 애플 디벨롭센터인가 거기서 문서도 찾아보고해서if(!document.webkitDisplayingFullscreen) { if (elem.webkitEnterFullscreen) { elem.webkitEnterFullscreen(); } fsIcon.src &#61; &#34;images/btn_fullscreen_exit.svg&#34; } else { if (document.webkitExitFullscreen) { document.webkitExitFullscreen(); } fsIcon.src &#61; &#34;images/btn_fullscreen.svg&#34; }위 조건문도 추가해봤는데 여전히 먹통이더라구요... 해결방법 아시는 분 계신가요?? 아무리 구글링해서 이것저것 해봐도 제가 해결을 못하는건지, 아니면 애플 자체에서 막아놔서 안되는건지..ㅠㅠ 도움 부탁드리겠습니다!

신히 · Answer

video 태그에 아래처럼 playsInline 속성을 줘보세요.

HTML 비디오 태그 컨트롤러 커스텀했는데 아이폰에서 풀스크린이 안먹습니다...

1개의 답변

#fullscreen 목록