HTML5 Video 태그 모바일에서 자동재생 안되는 경우, 안드로이드

HTML5의 Video 태그를 사용하여 미디어 파일을 재생시 autoplay 속성을 사용하여 자동 재생하는 것이 가능합니다. 하지만 모바일의 경우 자동재생이 되지 않을 수 있습니다. 왜 모바일에서만 자동재생 기능이 되지 않을까요?

# 모바일에서 Video 자동영상 안되는 이유

이유는 모바일 브라우저에서 허용되기 않기 때문입니다. 만약 모바일 환경의 안드로이드폰이라면 자동 재생시 음소거를 설정해두세요. 음소거 영상의 경우에만 자동재생이 허용됩니다. 즉 video 태그에 muted와 autoplay 속성이 동시에 필요합니다.

# HTML5 모바일폰 자동재생하기

아래 에제는 간단하게 모바일에서 재생 가능하도록 변경한 코드입니다.

이 방법이 아니라면 자바스크립트를 추가하여 페이지 로딩 후 video 영상에 play() 이벤트 메소드를 실행하도록 하는 방법도 있습니다. 이 방법 역시 가능하나 단점이라면 스크립트가 동작 안하는 환경에서는 플레이가 되지 않을 것입니다.