[Chrome] 크롬에서 video 태그와 관련된 이슈들

✍🏻 크롬에서 video 태그 쓸 때는 playsinline 필수!! (특히 autoplay 일 땐 muted)

어떤 상황에서라도 사용자가 예측하기 전에 동영상이 재생되는 건 접근성 측면에서 좋지 않다.

따라서 autoplay가 제대로 구현되지 않는 경우가 많다. 차선책으로 브라우저에서 동영상 자동 재생을 허용한다면, 반드시 소리는 제거된 상태여야 한다.

<video autoplay loop muted playsinline poster="{url}">
  <source src="{url}" type="video/mp4">
</video>

https://stackoverflow.com/questions/51083662/video-not-playing-in-chrome-unless-developer-tools-window-open

https://stackoverflow.com/questions/43570460/html5-video-autoplay-on-iphone