본문 바로가기
웹 관련 기록/HTML,CSS

모바일 <video> 자동 재생

by Planetis 2017. 8. 22.

모바일에서 autoplay 속성을 붙여도 비디오파일에 오디오 트랙이 있으면 자동재생 기능이 동작하지 않는다고 합니다.

(자세한 내용은 각 디바이스의 운영체제 레퍼런스를 참조해야 할 것 같네요.)

꼼수로, muted 속성을 같이 붙이면 자동재생이 된다고하네요.

하지만 이마저도 아이폰의 경우 비디오는 전체화면으로 재생되어야 한다는 조건이 있어서 자동재생이 안된다고 합니다.

그래도 ios10 부터는 playsinline 속성을 붙이면 자동재생이 가능하다고 하네요.



최종적으로 샘플 코드는 아래와 같습니다.


1
<video src="test.mp4" autoplay muted playsinline></video>
cs


320x100

댓글