이윰넷-상상 그이상을 꿈꾸며

대문에 동영상 게시

fm25 7

3,171 2015.03.04 09:01

첨부파일

- 첨부파일: 2015.03.04_01.png (162.9K)

0 2015-03-04 09:01:16

짧은주소

- 짧은주소: http://v2.eyoom.net/bbs/?t=18R 주소복사

본문

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%"로 해야 브라우저 크기에 따라 가변형으로 보여줄 수 있습니다.

특히, 모바일에서...

좋아요!

- fm25

- 회원등급 : 새싹/Level 11 - 포인트 : 104,755

레벨 11

경험치 12,674

Progress Bar 77%

- 가입일 : 2015-02-07 19:40:40

- 서명 : 영원한 초보!!!
Home Page : internationale.kr
Eyoom Builder Test : liberta.kr

- 자기소개 : SIR의 존재감 없는 회원입니다~^^

댓글목록

너나잘해님의 댓글

너나잘해 2015.03.04 17:52

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

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

마틴님의 댓글

마틴 2015.03.04 20:02

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

티보리님의 댓글

티보리 2015.03.04 23:45

좋네요

다이옥신님의 댓글

다이옥신 2015.03.06 15:38

댓글내용 확인

축하합니다. 행운의 포인트 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

메인에 동영상

번호	제목	글쓴이	날짜	뷰	추천
3	댓글+3개 이윰넷 마이페이지 활용 팁	eyoom 아이디로 검색	2015.02.02	4,433	0
2	댓글+6개 스태틱 파일(static file) 선언할때.. http 사용하지 않도록	l2zeo 아이디로 검색	2015.01.27	1,945	2
1	댓글+4개 Cloudstacks - 유명(?)사이트들은 무슨 서비스로 제작되었을까?	l2zeo 아이디로 검색	2015.01.27	2,025	1

번호

제목

글쓴이

날짜

뷰