[HTML] ios기기에서 video 자동재생 설정 시, 전체화면모드로 변경되는 이슈

 

ios기기에서 video autoplay로 자동재생 설정 시, 전체 화면 모드로 변경되는 이슈

 

ios기기에서 autoplay로 자동재생 설정 했을 때,

ios기기에서 정책으로 전체화면 모드로 변경되어 영상이 팝업 형태의 full화면으로 노출되게 된다.

 

[이슈 화면 - full화면으로 노출]

 

See the Pen Untitled by yeony (@yeony1011) on CodePen.

 

 

 

[해결방법]

- HTML5의 경우 : video태그에 playsinline 속성 추가

- HTML4 or XHTML의 경우 : webkit-playsinline 속성 추가

 

 

See the Pen <video> : ios 기기에서 전체화면 막기 by yeony (@yeony1011) on CodePen.

 

 

 

[참고자료]

- TEMP 영상 : https://www.w3schools.com/html/html5_video.asp

HTML Video