아이폰 video 태그 관련 질문! 채택완료
바트컨트롤
11개월 전
조회 1,189
안녕하세요 아이폰에서 영상을 video 태그로 했을경우 전체화면이 뜨는데 구글링 해본결과 playsinline 속성을 넣으면 된다하여,
</p>
<p> <div class="video_wrap">
<video autoplay loop muted playsinline>
<source src="./mov/asd.mp4" type="video/mp4">
</video>
<span class="bl"></span>
</div> </p>
<p>위와 같이 진행하였지만 동일하게 전체보기가 되었습니다.
GPT이용해서 물어보니
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
채택된 답변
+20 포인트
미니님a
Expert
11개월 전
</p>
<p><video autoplay loop muted playsinline webkit-playsinline="true" x-webkit-airplay="allow" > <source src="./mov/asd.mp4" type="video/mp4"> </video></p>
<p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 2개
�
바트컨트롤
11개월 전
�
미니님a
11개월 전
컨테이너를 적용해보시겠어요 ?
[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관련이라 딱히 상관은 없는것가고..