팁 & 테크

최근본상품
TOP
DOWN

팁 & 테크

대문에 동영상 게시

2015.03.04 09:01 3,079 7

본문

 

eyoom/theme/basic/main/index_bs.html


<div class="col-sm-6 md-margin-bottom-20">
    <!--------------- EBL Basic 최신글 영역 시작 --------------->
    <div class="headline"><h4>동영상</h4></div>
    <iframe width="100%" height="224" src="https://www.youtube.com/embed/UnMODzFfn5Y?rel=0" frameborder="0" allowfullscreen></iframe>
    <!--------------- EBL Basic 최신글 영역 끝 --------------->
</div>

iframe 공유주소를 복사해서...

width="100%"

height는 PC판 해당 영역 세로 크기로 맞춰주면 됩니다.

 

width="100%"로 해야 브라우저 크기에 따라 가변형으로 보여줄 수 있습니다.

특히, 모바일에서...

2
로그인 후 평가 가능합니다.
- fm25 - 회원등급 : 지상계 / Level 11
포인트 108,975
경험치 12,652
[레벨 11] - 진행률 76%
- 가입일 : 2015-02-07 19:40:40
- 서명 : 영원한 초보!!!
Home Page : internationale.kr
Eyoom Builder Test : liberta.kr
- 자기소개 : SIR의 존재감 없는 회원입니다~^^

댓글목록 7

너나잘해님의 댓글

팁 주셔서 감사합니다
적용해봐야겟네요

축하합니다. 첫댓글 포인트 16포인트를 획득하였습니다.

마틴님의 댓글

마틴 2015.03.04 20:02

좋은 팁 주셔서 감사합니다.

티보리님의 댓글

좋네요

다이옥신님의 댓글

댓글내용 확인

축하합니다. 행운의 포인트 63포인트를 획득하였습니다.

joosam님의 댓글

joosam 2015.05.19 13:22

fm25님 동영상을 메인에 꽉 차게 사용하는 방법은 없을까요? <div class="col-sm-12 md-margin-bottom-20">로 주어도 좌우가 어느 정도 유격이 있는데 말이죠...

fm25님의 댓글

fm25 2015.05.19 14:29


<div>
    <iframe width="100%" height="500" src="https://www.youtube.com/embed/vMSlZ3zTeWU?rel=0" frameborder="0" allowfullscreen></iframe>
</div>
이렇게 입력하면 됩니다.(height는 적당히...)
좌우 여백은 인덱스 전체 여백으로 설정된 공간입니다.


이윰에 규정되어 있는 'responsive-video' 소스를 사용해도 됩니다.

http://eyoom.net/page/?pid=eyoomcss-4


<div class="responsive-video">
    iframe 동영상소스
</div>


'responsive-video'는...

eyoom/theme/basic/css/common.css

에 규정되어 있습니다.


<div class="responsive-video">
    <iframe src="https://www.youtube.com/embed/vMSlZ3zTeWU?rel=0" frameborder="0" allowfullscreen></iframe>
</div>

니몬님의 댓글

니몬 2015.10.27 16:31

메인에 동영상