아이폰 video 태그 관련 질문!
본문
안녕하세요
아이폰에서 영상을 video 태그로 했을경우 전체화면이 뜨는데
구글링 해본결과 playsinline 속성을 넣으면 된다하여,
<div class="video_wrap">
<video autoplay loop muted playsinline>
<source src="./mov/asd.mp4" type="video/mp4">
</video>
<span class="bl"></span>
</div>
위와 같이 진행하였지만 동일하게 전체보기가 되었습니다.
GPT이용해서 물어보니 <video autoplay loop muted playsinline webkit-playsinline>
같이 webkit-playsinline 넣어보라해서 해봤는데도 잘 안되는것 같네요..
조언이나 관련링크가 있다면 부탁드리겠습니다..
답변 1
<video autoplay loop muted playsinline webkit-playsinline="true" x-webkit-airplay="allow" > <source src="./mov/asd.mp4" type="video/mp4"> </video>
위 말씀주신대로 적용하였더니
1. 아이폰 사파리 브라우저 : 정상적
2. 아이폰 카카오톡 링크 : 전체팝업
입니다 ㅠ 2번 카카오톡 링크가 문제인것같아요..ㅠ
https://developers.kakao.com/tool/debugger/sharing
캐시도 일단 삭제해봤지만 .. 이건 OG관련이라 딱히 상관은 없는것가고..
컨테이너를 적용해보시겠어요 ?
<div style="position: relative; width: 100%; padding-top: 56.25%;">
<video
autoplay
loop
muted
playsinline
style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;"
>
<source src="./mov/asd.mp4" type="video/mp4">
</video>
</div>
그리고 메타도 수정 해보세요
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
답변을 작성하시기 전에 로그인 해주세요.
