모바일기기 가로 사이즈에 따라 영상 크기 조절 방법??
본문
유튜브등의 동영상에 대한 이미지 사이즈를 조절해서 보여줘야
모바일 페이지가 틀어지지 않는데요
add_stylesheet('<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">',2);
추가한 상태이구요
기본적으로 단말기 마다 가로 사이즈가 차이가 나서
임의로 가로 411, 세로 230으로 정했지만 밀리거나 작은 감이 있구요
모바일을 가로로 돌리면 가로 사이즈 너무 작아진 상태가 되구요
자동으로 변경할 수 있는 방법이 어떻게 되나요?
<?php
$video_width = '480'; // 가로 사이즈 지정
$video_height = '385'; // 세로 사이즈 지정
?>
<!-- 동영상 실행 -->
<video id="video_link" class="video-js vjs-default-skin" controls preload="none" width="<?php echo $video_width?>" height="<?php echo $video_height?>" poster="<?php echo $video_logo?>" data-setup="{}">
<source src="<?php echo $view['wr_7']?>" type='video/mp4' />
</video>
답변을 작성하시기 전에 로그인 해주세요.