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>
감사합니다.
덕분에 잘 해결되었습니다~^^
답변을 작성하시기 전에 로그인 해주세요.