Trouble Shooting

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

La.place 2019. 8. 16. 14:55

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 로 인해 벗어나도 멈춤)

'Trouble Shooting' 카테고리의 다른 글

현재 해당하는 월(Month)의 일(day)수 가져오기  (0) 2019.08.23