HTML Video Tag의 자동재생(auto play) 조건 > HTML/CSS

• 목록

Chrome
 autoplay가mute속성과 함께라면 항상 자동재생가능
Sound가 있을 때는 다음의 경우에만 허용된다
 유저의 Interaction(click, tap)이 있을 경우
MEI(Media Engagement Index)지수가 특정 기준보다 높을경우
MEI: 간단히 말하면, 유저의 브라우저의 기록되는 점수로서 특정 사이트에서 유저가 얼마나 많이 영상을 소리와 함께 봤는지에 대한 지표
 지표에 적용되려면
 소리를 틀고 7초이상 재생
Audio버튼 나타나야 함
200x140보다 비디오 사이즈가 커야함
 브라우저에서 MEI 보는 방법Chrome://media-engagement접속
 유저가 모바일에서 홈화면에 바로가기를 추가했거나, 데스크탑에서 PWA로 설치한 경우
Browser history가 없는 경우 Chrome은 검증된(유명한) 사이트에 한해 autoplay를 허용. ex) Youtube


 Safari
 Sound가 있을 때는 다음의 경우에만 허용된다
 유저의 Interaction(click, tap)이 있을 경우
mute 속성과 함께인 경우
 환경설정에서 자동재생 허용 사이트로 분류 한 경우
 이런 경우에는 autoplay 있어도 자동재생이 되지 않음
Viewport안에 안보이는 경우 (scroll 로 인해 벗어나도 멈춤)


출처: https://dev-momo.tistory.com/entry/HTML-Video-Tag의-자동재생auto-play-조건 [Programming Note]