대문에 동영상 게시 > 시즌3 팁 & 테크

본문 바로가기

시즌3 팁 & 테크

대문에 동영상 게시

2015-03-04 09:01 14,233 7 2
  • - 첨부파일 : 2015.03.04_01.png (162.9K) - 다운로드

본문

 

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
로그인 후 추천 또는 비추천하실 수 있습니다.

댓글목록7

1님의 댓글

1
2015-03-04 17:52
팁 주셔서 감사합니다
적용해봐야겟네요

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

2님의 댓글

2
2015-03-04 20:02
좋은 팁 주셔서 감사합니다.

3님의 댓글

3
2015-03-04 23:45
좋네요

4님의 댓글

4
2015-03-06 15:38

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

5님의 댓글

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

(글쓴이)님의 댓글

(글쓴이)
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>

6님의 댓글

6
2015-10-27 16:31
메인에 동영상
전체 129 건 - 7 페이지
번호
제목
글쓴이
39
2015-03-18
10,399
0
2015-03-18
2015-03-18
2015-03-17
2015-03-17
2015-03-15
2015-03-13
2015-03-08
2015-03-08
2015-03-07
2015-03-06
2015-03-06
2015-03-05
2015-03-05
2015-03-05
열람
2015-03-04
14,234
2
2015-03-04
사이트 내 전체검색