아이폰 video 태그 관련 질문! 채택완료
안녕하세요
아이폰에서 영상을 video 태그로 했을경우 전체화면이 뜨는데
구글링 해본결과 playsinline 속성을 넣으면 된다하여,
Copy
위와 같이 진행하였지만 동일하게 전체보기가 되었습니다.
GPT이용해서 물어보니 <video autoplay loop muted playsinline webkit-playsinline>
같이 webkit-playsinline 넣어보라해서 해봤는데도 잘 안되는것 같네요..
조언이나 관련링크가 있다면 부탁드리겠습니다..
답변 1개
채택된 답변
+20 포인트
답변에 대한 댓글 2개
바트컨트롤
1년 전
1년 전
컨테이너를 적용해보시겠어요 ?
[code]
<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>
[/code]
그리고 메타도 수정 해보세요
[code]
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
[/code]
[code]
<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>
[/code]
그리고 메타도 수정 해보세요
[code]
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
[/code]
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
1. 아이폰 사파리 브라우저 : 정상적
2. 아이폰 카카오톡 링크 : 전체팝업
입니다 ㅠ 2번 카카오톡 링크가 문제인것같아요..ㅠ
https://developers.kakao.com/tool/debugger/sharing
캐시도 일단 삭제해봤지만 .. 이건 OG관련이라 딱히 상관은 없는것가고..