워드프레스 게시판 KBoard 사용중입니다.
플레이 비디오 스킨의 본문 비디오 크기 조절 문의드립니다.
사이즈를 조절할 방법이 있는지 확인 부탁드립니다.
URL : http://freerole.net/freeroletv/?uid=6&mod=document&pageid=1#kboard-document
안녕하세요.
스킨 파일을 수정해주셔야 합니다.
FTP로 접속해서 /wp-content/plugins/kboard/skin/play-video/document.php 파일을 수정해주세요.
아래처럼 앞뒤로 굵게 표시된 HTML 코드를 추가해주세요.
<div class="kboard-play-video-wrap">
<?php if($content->option->youtube_id):?>
<div class="kboard-play-video-container">
<iframe width="560" height="315" src="https://www.youtube.com/embed/<?php echo $content->option->youtube_id?>?autoplay=<?php echo $content->option->autoplay?>" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
<?php endif?>
<?php if($content->option->vimeo_id):?>
<div class="kboard-play-video-container">
<iframe src="https://player.vimeo.com/video/<?php echo $content->option->vimeo_id?>?color=ffffff&title=0&byline=0&portrait=0&autoplay=<?php echo $content->option->autoplay?>" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
<?php endif?>
<?php if(count((array)$content->attach) > 0):?>
<?php foreach($content->attach as $key=>$attach): $extension = strtolower(pathinfo($attach[0], PATHINFO_EXTENSION));?>
<?php if(in_array($extension, array('mp4'))):?>
<div class="kboard-play-video-container">
<?php echo do_shortcode('[video src="'.site_url($attach[0]).'" autoplay="'.($content->option->autoplay?'on':'off').'"]')?>
</div>
<?php else: $download[$key] = $attach; endif?>
<?php endforeach?>
<?php endif?>
</div>
그다음
워드프레스 관리자 -> KBoard -> 대시보드 페이지에서
커스텀 CSS 필드에 아래 코드를 추가해주세요.
.kboard-play-video-wrap { margin: 0 auto; width: 50%; }
@media screen and (max-width: 600px) { .kboard-play-video-wrap { margin: 0 auto; width: 100%; } }
※ KBoard 관련 질문은 KBoard 카테고리에 올려주시길 부탁드립니다~^^