그누보드 QA - 아이폰 video 태그 관련 질문!

아이폰 video 태그 관련 질문!

바트컨트롤 자기소개 전체게시물 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

자기소개 전체게시물 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2024.12.04 10:08:58 663 (110.♡.♡.15)

본문

안녕하세요
아이폰에서 영상을 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 넣어보라해서 해봤는데도 잘 안되는것 같네요..

조언이나 관련링크가 있다면 부탁드리겠습니다..

#그누보드5

답변 1

미니님a 홈페이지 자기소개 전체게시물 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색 님의 답변

2024-12-04 10:14:48 58.♡.♡.26


<video autoplay loop muted playsinline webkit-playsinline="true" x-webkit-airplay="allow" > <source src="./mov/asd.mp4" type="video/mp4"> </video>

↳ 바트컨트롤 자기소개 전체게시물 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2024-12-04 10:17:58110.♡.♡.15

위 말씀주신대로 적용하였더니
1. 아이폰 사파리 브라우저 : 정상적
2. 아이폰 카카오톡 링크 : 전체팝업

입니다 ㅠ 2번 카카오톡 링크가 문제인것같아요..ㅠ

https://developers.kakao.com/tool/debugger/sharing
캐시도 일단 삭제해봤지만 .. 이건 OG관련이라 딱히 상관은 없는것가고..

↳ 미니님a 홈페이지 자기소개 전체게시물 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2024-12-04 10:19:5358.♡.♡.26

컨테이너를 적용해보시겠어요 ?


<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">

답변을 작성하시기 전에 로그인 해주세요.

전체 0

QA

본문

이 질문에 댓글 쓰기 :

답변 1