[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

 

 

 

반응형

저작자표시비영리변경금지

'DEV > Web' 카테고리의 다른 글

[웹폰트] 눈누, 이렇게 예쁜 무료 한글 폰트가 한곳에..!  (0)	2018.12.21
[Favicon] 파비콘의 모든 것 (feat. 멀티플랫폼)  (0)	2018.12.19
[Chrome] 크롬에서 video 태그와 관련된 이슈들  (0)	2018.12.19
[Chrome] Dev Tool > Audits (Lighthouse)  (0)	2018.05.03
[Chrome 65] Local Overrides !!!  (0)	2018.03.15
[Chrome 62] Add a default border-radius to <button> -> ver.63 revert  (0)	2018.03.15