IOS 아이폰 저전력 모드일 때 video 태그 동영상 자동재생 playsinline

오늘 너무나도 흥미로운 사실을 알게 되었다

 

 

video 태그의 영상을 자동재생 시키려면

video 태그 속성에 autoplay와 함께 muted 속성을 줘야하는 것은 알고 있었다.

그리고 IOS 까지 고려하면 playsinline 도 추가!

 

<div class="video-bx">
  <video src="영상경로.mp4" loop autoplay muted playsinline type="video/mp4"></video>
</div>

 

즉,

자동재생 => autoplay muted playsinline loop(무한루프까지 추가)

이렇게 알고 있었는데, 내 아이폰에서 영상이 자동재생이 되지 않았다.

왜지?? 몇일 전까지 되었는데,,

 

 

구글링 해보니까 아이폰 저전력모드일 때 자동재생이 되지 않는다고 한다

전혀 생각지 못한 이슈였다

 

이를 해결하기 위해서는 대략 두 가지의 해결방법을 보았다

1) 스크립트로 강제로 영상이 플레이되지 않을 때, 재생버튼을 누르도록! 할 수도 있고

2) 혹은 video.addEventListener('suspend', () => { 대체될만한 UI 보여주기 })

 

파일이 스크립트가 너무나도 과부하인 상태이기 때문에

무언가 더 추가하는 것을 시도하지는 않았지만

꼭 영상을 재생시켜야 하는 중대한 서비스라면 저 해결책들을 시도해 볼 법하다