모바일 페이지 동영상 리사이즈

· 12년 전 · 3622 · 2


oeker.net/bbs/board.php?bo_table=show2&wr_id=2911015

위의 페이지처럼 게시글에 포함된 동영상이 자동으로 모바일 페이지 크기에 맞게 리사이즈 되는 방법을 찾고있습니다..
pc로 보면 원래 크기대로 보이고, 모바일로 보면 한 화면에 들어오도록 작게 리사이징됩니다.

아시는분 계시다면 도움 부탁드립니다 ㅠㅠ



|

댓글 2개

저는 그냥 모바일에서만 img, embed, object, video, iframe {max-width:100%}로 처리해버립니다만 jquery로 구현하실 수 있습니다. http://fitvidsjs.com/ 여기서 자세한 사용방법 및 다운받으실 수 있구요.

PC에서는 고정된 사이즈를 원하시는거라면

<?
$userAgent = $_SERVER['HTTP_USER_AGENT'];
if(preg_match("/iPad/", $userAgent) == false && preg_match("/iPhone|iPod|BlackBerry|Android|Windows CE|LG|MOT|SAMSUNG|SonyEricsson|Windows Phone/", $userAgent) != false) {
?>
<script src="path/to/jquery.fitvids.js"></script>
<script>
$(document).ready(function(){
// Target your .container, .wrapper, .post, etc.
$("#thing-with-videos").fitVids();
});
</script>
<? } ?>

이런식으로 감싸주고 사용하시면 됩니다.
뒤늦게 확인했네요 img, embed, object, video, iframe {max-width:100%}로 해결했습니다. 도움 감사합니다^^
댓글을 작성하시려면 로그인이 필요합니다.

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기 기존 게시물은 열람만 가능합니다.

+
제목 글쓴이 날짜 조회
12년 전 조회 1,608
12년 전 조회 998
12년 전 조회 1,572
12년 전 조회 1,092
12년 전 조회 1,624
12년 전 조회 1,015
12년 전 조회 1,563
12년 전 조회 981
12년 전 조회 718
12년 전 조회 3,623
12년 전 조회 1,728
12년 전 조회 1,613
12년 전 조회 8,599
12년 전 조회 999
12년 전 조회 1,027
12년 전 조회 1,667
12년 전 조회 868
12년 전 조회 1,570
12년 전 조회 871
12년 전 조회 1,567