vimeo영상 모바일 사이즈 최적화 질문드립니다.

vimeo영상 모바일 사이즈 최적화 질문드립니다.

QA

vimeo영상 모바일 사이즈 최적화 질문드립니다.

본문

당연한 이야기지만

<iframe style="width:800px;height:450px;" src="https://player.vimeo.com/video/.......>

이렇게 게시물을 올리면 pc에서는 800사이즈로 잘 나오는데

모바일에서는 사이즈가 정해져 있어서 잘립니다.

 

width를 100%로 했더니 pc에서 쬐끄맣게 나오더라구요

 

pc에서는 800 사이즈로, 모바일에서는 100%로 나오게 하려면 어떻게 해야 할까요?

이 질문에 댓글 쓰기 :

답변 1


<style>
iframe[src*="player.vimeo.com"] {
    width:800px;
    height:450px;
}
@media only screen and (max-device-width: 640px) {
    iframe[src*="player.vimeo.com"] {
        width:100%;
        height:100%;
    }
}
</style>
<iframe src="https://player.vimeo.com/video/226053498?h=a1599a8ee9" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
답변을 작성하시기 전에 로그인 해주세요.
전체 61,301
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT