모바일 페이지 동영상 리사이즈 정보
모바일 페이지 동영상 리사이즈본문
oeker.net/bbs/board.php?bo_table=show2&wr_id=2911015
위의 페이지처럼 게시글에 포함된 동영상이 자동으로 모바일 페이지 크기에 맞게 리사이즈 되는 방법을 찾고있습니다..
pc로 보면 원래 크기대로 보이고, 모바일로 보면 한 화면에 들어오도록 작게 리사이징됩니다.
아시는분 계시다면 도움 부탁드립니다 ㅠㅠ
댓글 전체
저는 그냥 모바일에서만 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>
<? } ?>
이런식으로 감싸주고 사용하시면 됩니다.
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%}로 해결했습니다. 도움 감사합니다^^