문제 상황
회사에서 하이브리드 웹앱으로 개발 중인데 이번 IOS 17 업데이트로 인해 페이지에서 auto play되던 영상이 아이폰 동영상 플레이어가 뜨면서 inline으로 재생되지 않는 이슈가 있었다 (전체화면으로 재생 됨)
해결 방법
IOS 업데이트 된 지 얼마되지 않아서 구글링으로 해외 문서들을 찾아봐도 비슷한 이슈를 찾기 힘들었는데 결론부터 말하면 웹에서는 해결할 수 없고, 플루터 내에 라이브러리를 업데이트 하면서 해결이 되었는데 인라인으로 재생하는 방법이 따로 있다는 걸 알게 되어 잊지 않기 위해 기록한다
사용 방법
IOS에서는 video 태그를 사용할 때, autoplay 속성과 함께 playsInline과 muted를 사용해 주어야 inline에서 재생된다
예시
<video autoplay loop muted playsinline src={'url'} ... />
🌳