AOS는 잘 되지만 IOS에서 안되는 현상 수정
Video 자동재생 시 인라인으로 보여지기
<video muted autoplay loop playsinline oncontextmenu="return false" controlsList="nodownload" controls preload="metadata" poster="">
<source src="@/assets/video/video2.mp4" type="video/mp4" />
</video>
iphone, ipad에서는 비디오 자동재생 시 비디오가 전체화면으로 보여지는데, playsinline 을 추가하면 안드로이드 폰처럼 인라인으로 보여져서 관리하기가 쉬워진다.
폰에서 숫자 키패드만 나오기
<input type="text" inputmode="numeric" pattern="[0-9]*">
iphone, ipad에서는 <input type="number">일 때 숫자만 나오지 않는데, 그 때 위와 같이 inputmode를 지정하고 pattern으로 숫자만 포함시키면 된다. 비슷한 다른 방법으로는 <input type="tel"> 이 있다.
button에 focus 하기
<a role="button" tabindex="1">
iphone, ipad에서 button에 focus가 안될 때는 role="button" tabindex="1" 같은 속성을 추가하면 가능해진다.
끝.