반응형
✍🏻 크롬에서 video 태그 쓸 때는 playsinline 필수!! (특히 autoplay 일 땐 muted)
어떤 상황에서라도 사용자가 예측하기 전에 동영상이 재생되는 건 접근성 측면에서 좋지 않다.
따라서 autoplay가 제대로 구현되지 않는 경우가 많다. 차선책으로 브라우저에서 동영상 자동 재생을 허용한다면, 반드시 소리는 제거된 상태여야 한다.
<video autoplay loop muted playsinline poster="{url}">
<source src="{url}" type="video/mp4">
</video>
https://stackoverflow.com/questions/43570460/html5-video-autoplay-on-iphone
반응형
'개발일지 > Web' 카테고리의 다른 글
[웹폰트] 눈누, 이렇게 예쁜 무료 한글 폰트가 한곳에..! (0) | 2018.12.21 |
---|---|
[Favicon] 파비콘의 모든 것 (feat. 멀티플랫폼) (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 |