728x90 반응형 AutoPlay2 [javaScript] ios기기에서 절전모드(저절력모드) 일 때, video 자동재생되지 않는 이슈 ios 기기에서 저전력(절전) 모드 일 때, video autoplay(자동재생)되지 않는 현상 해결 방법 3가지! [이슈 설명] 태그를 활용해 영상을 자동재생으로 추가했을 때, 유독 아이폰에서만 자동재생이 되지 않는 현상을 발견했다. 그 이유는 아이폰에서 절전모드인 저전력 모드를 사용하고 있는 경우에만 나타나는 현상이다! [해결방법 1] 사용자가 영상을 클릭 또는 영상 컨트롤할 수 있는 버튼을 통해 play/pause 제어를 할 수 있도록 변경하는 방법이다. (단점, 기획자를 비롯해 함께 프로젝트를 진행하는 TF 인원들에게 기능 수정을 요청해야 한다..) [해결방법 2] 영상이 재생되지 않을 때의 조건으로 스크립트 제어로 강제로 재생 코드를 추가하는 방법이다. $('body').on('click tou.. 2022. 3. 24. [HTML] ios기기에서 video 자동재생 설정 시, 전체화면모드로 변경되는 이슈 ios기기에서 video autoplay로 자동재생 설정 시, 전체 화면 모드로 변경되는 이슈 ios기기에서 autoplay로 자동재생 설정 했을 때, ios기기에서 정책으로 전체화면 모드로 변경되어 영상이 팝업 형태의 full화면으로 노출되게 된다. [이슈 화면 - full화면으로 노출] See the Pen Untitled by yeony (@yeony1011) on CodePen. [해결방법] - HTML5의 경우 : video태그에 playsinline 속성 추가 - HTML4 or XHTML의 경우 : webkit-playsinline 속성 추가 See the Pen : ios 기기에서 전체화면 막기 by yeony (@yeony1011) on CodePen. [참고자료] - TEMP 영상 : .. 2022. 3. 23. 이전 1 다음 728x90 반응형
