맥북, 아이폰에서 저전력모드 사용시 사파리 이슈

소리가 없는 비디오가 자동재생 되는 사이트가 있습니다.

A의 맥북에서는 잘 재생되지만 B의 맥북에서는 자동재생이 되지 않고 클릭을 통해 재생을 시켜야 했다.

체크 해야 할 사항은 무었이 있을까 ??

 

코드를 먼저 살펴 보겠습니다. 

<video loop="loop" muted="muted" autoplay="autoplay" playsinline></video>

 

muted: 이 속성은 말그대로 음소거 처리를 하는 속성입니다. 제 경우 iOS 에서 이슈를 발견했으나 트러블 슈팅중 chrome 에서도 재생이 안되는 현상을 발견했고, 이 속성은 사용자의 제한된 네트워크 상황에서 과도한 데이터 소비를 방하기 위한 정책과 관련이 있습니다. 아래 링크를 참조해 주세요.

• chrome - autoplay/#webaudio

Autoplay policy in Chrome - Chrome Developers

 

playsinline: 이 속성은 동영상 재생시 저절로 전체화면이 되는것을 막는 속성인데요. chrome 에 경우 이 속성이 없어도 무방합니다. 하지만 iOS 의 경우 11 버전 이후로는 이 속성이 활성화 되어야만 자동재생이 가능합니다. 아래 링크를 참조해 주세요.

• webkit - new video policies
• iOS - delivering_video_content_for_safari

Delivering Video Content for Safari | Apple Developer Documentation

 

위의 사항을 체크해 보았는데도 자동 재싱이 안된다면 디바이스를 체크 해보아야 합니다.

 

바로 저전력모드의 문제인데요 ios에서는 절전 모드 사용시 자동재생이 되지 않습니다. 

이는 ios 9버전부터 지원을 하였고 이로 인한 제약 사항이 적용되어집니다.

- CPU Throttling (60% 제한)
- Background Application Refresh 제한
- WebView Video play제한
- auto-download 제한
- GPU performacne 저하 (requestAnimationframe등의 효과 제한)
- 화면 밝기 저하

시스템 설정에서 베터리 항목에서 저전력 모드를 해제 하여 테스트 하시기 바랍니다.