Video 태그
-
03. 모바일 <video>태그 자동 재생 관련 이슈Projects/우주 심리 테스트 2021. 6. 11. 14:38
이번 프로젝트에서 가장 골치아팠던 부분은 바로 일부 페이지에서 사용되는 동영상을 자동재생하는 기능이었다. 쉽게 될 줄 알았는데 아무래도 브라우저에서 사용자가 원하지 않는 동영상이 자동으로 재생되는것을 막아서 발생하는 문제였는데, 이를 한번 정리해보겠다. video 태그에 autoplay가 작동하기 위해서는 muted 요소와, playsinline 요소(iOS)가 추가되어야 한다. 많은 브라우저에서 정책상의 문제로 소리가 나오는 동영상은 자동 재생 하지 않는다. 즉 음소거 영상의 경우에만 자동재생이 허용된다. 이를 위해 자동재생이 필요한 video 태그에는 muted 요소를 추가해줘야한다. * video파일에 audio track이 존재하지 않으면 muted속성이 없어도 자동재생이 된다. (출처: http..