[html/css] playsInline 속성

구현 시 동영상으로 모션 효과를 넣었는데, 아이폰에서는 동영상을 클릭 하면 컨트롤바가 나타나는 현상이 있었다. IOS 정책 때문에 전체 화면으로 보인다고 하는것 같은데 PC나 갤럭시에서는 확인해볼 수 없던 문제였어서 당황했다. 그래도 검색해보니 해결법은 단순했다. video 태그에 playsInline 한 줄만 더 넣어주면 끝! 이 속성을 안넣어주면 autoplay도 안되는 듯? next에서는 inline의 첫 i를 꼭 대문자로 써야한다. (아마 리액트도 그렇겠지?) 확실히 배포해서 운영을 해보면 몰랐던 문제들이 속출하는 것 같다.

2023.12.21