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

대문에 동영상 게시

fm25 7

3,106 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

메인에 동영상

번호	제목	글쓴이	날짜	뷰	추천
123	댓글+3개 구글 javascript api키 발급받기	이윰EGG 아이디로 검색	2016.08.24	3,657	0
122	댓글+3개 이윰빌더에 좌/우측에 배너 달아보기.	절대섹쉬꽃미남 아이디로 검색	2016.08.12	2,713	1
121	댓글+2개 최신글 출력시 비회원이 작성한 글은 이름이 나오지 않는 문제 처리	그림자밟기 아이디로 검색	2016.03.26	1,596	0
120	댓글+2개 회원과 비회원 이름 다른 색깔로 표시하기	그림자밟기 아이디로 검색	2016.03.26	1,458	1
119	댓글+3개 내가 만든 웹사이트의 퍼포먼스를 체크해보세요!	l2zeo 아이디로 검색	2016.01.27	1,667	0
118	댓글+2개 이윰빌더에서 유챗사용 및 아이콘연동 (이윰님 글)	수퍼개미 아이디로 검색	2015.10.27	2,571	0
117	댓글+5개 CloudFlare (클라우드플레어) 접해보기 2번째	l2zeo 아이디로 검색	2015.10.26	9,469	0
116	댓글+2개 웹폰트 깜빡 거리는 문제를 조금이나마 개선해보기	l2zeo 아이디로 검색	2015.10.26	2,723	0
115	댓글+5개 네이버 웍스모바일을 이용해 소유 도메인으로 메일 서비스 이용하기	shadow 아이디로 검색	2015.10.06	5,353	1
114	댓글+1개 댓글에 외부 이미지를 반응형으로 넣어보기	shadow 아이디로 검색	2015.09.21	1,651	0
113	댓글+3개 포인트 조회 팝업창으로 띄우기	shadow 아이디로 검색	2015.09.20	1,699	1
112	댓글+4개 CloudFlare (클라우드플레어) 접해보기	l2zeo 아이디로 검색	2015.09.18	6,644	0
111	댓글+2개 [소소한 팁] 포인트를 걸고 자료 배포시 포인트 수수료율(%) 변경하기	shadow 아이디로 검색	2015.09.17	1,253	1
110	댓글+2개 [소소한 팁] 인기검색어 관련 설정 바꾸기	shadow 아이디로 검색	2015.09.17	2,072	0
109	댓글+1개 무한스크롤을 사용하는 게시판에서 분류 선택, 검색시 나타나는 버그 수정하기	shadow 아이디로 검색	2015.08.17	3,294	1
108	댓글+1개 style.css를 사용하면서 venobox 사용하기	shadow 아이디로 검색	2015.07.30	2,963	1
107	댓글+9개 브라우저와 OS 종류를 추가해 봅니다.	암스원 아이디로 검색	2015.07.20	3,486	1
106	댓글+19개 로그인을 메인으로 - 회원제 사이트 - 폐쇄형 사이트용	이윰넷 아이디로 검색	2015.07.08	3,796	1
105	댓글+4개 소소한 팁	갓구운빵 아이디로 검색	2015.07.03	1,913	0
104	댓글+9개 관리자 화면에서 접속자 아이피 정보 가져오기	암스원 아이디로 검색	2015.07.01	3,231	2

번호

제목

글쓴이

날짜

뷰

추천

123

댓글+3개 구글 javascript api키 발급받기