계속질문이네요 ㅡㅜ 게시판내용에 동영상 아이프레임으로 등록시 반응형 적용가능하게 하는 방법요.
6,956
2015.11.10 16:40
짧은주소
- - 짧은주소: http://v2.eyoom.net/bbs/?t=1Ec 주소복사
본문
안녕하세요
뒤늦게 이욤빌더를 알게되서 설치하고 하는중 궁금한것들이 많아서 계속 질문을 드리네요 ㅡㅜ
이욤빌더 반응형을(베이직) 설치한상태이구요
사진을 업로드하면 사진은 반응형이 적용되는데 유트부같은 아이프레임 영상을 삽입하니 반응형이 적용이 안되더라구요.
아이프레임 적용시 반응형이 적용되게 가능할지요? 그누보드에서 검색을 해보니
답을 찾은거는 같은데 이욤빌더 게시판에 적용하려고 하니 어찌해야할지 몰라서요
참고로 유튜브영상에 속성을추가하고 반응형으로 와이드 16:9 까지 만들실려면 이렇게 하시면 됩니다.
스타일속성 추가한다음
<style>
.video-container {
position:relative;
padding-bottom:56.25%;
height:0;
overflow:hidden;
}
.video-container iframe, .video-container object, .video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
</style>
하나로 합쳐서
| 1 |
$(function() { $('#bo_v_con').find('iframe[src*="www.youtube.com"]'). attr('allowFullScreen','allowFullScreen').wrap('<div class="video-container"></div>');}); |
0
레벨 4
경험치 1,447
Progress Bar 31%
- 가입일 : 2015-10-22 17:01:59
- 서명 :
- 자기소개 :
Total 2,281건 1 페이지
게시판 이용안내
이윰빌더를 이용하시는 모든 회원님들이 서로 궁금한 부분을 질문 또는 답변을 하며 문제점을 서로 해소할 수 있는 공용 질답 게시판입니다.
질문 시 기본적인 예절을 지켜주세요.
- 질문 시 바른말을 이용 해 주세요.
- 질문자의 상황을 다른이가 예측하기 힘듭니다. 오류가 난 상황이나 환경등을 최대한 자세하게 알려주셔야만 원하시는 답을 얻을 확률이 높습니다.
- 질문의 유형에 따라 틀릴 수 있지만 문제가 되는 해당 페이지 주소가 있으면 가장 근접한 해법이 나올 가능성이 큽니다.
- 원하시는 답을 얻으시면 감사의 말씀을 전하는 센스를 발휘 해 주세요.
- 질문 전 한번쯤 읽어볼만한 글 : http://eyoom.net/bbs/board.php?bo_table=qna&wr_id=74
| 번호 | 제목 | 글쓴이 | 날짜 | 뷰 |
|---|---|---|---|---|
| 2,281 |
디센더
|
2015.10.16 | 17,147 | |
| 2,280 |
fm25
|
2015.04.23 | 12,839 | |
| 2,279 |
야관문광규
|
2015.07.14 | 10,774 | |
| 2,278 |
Blankymu…
|
2017.02.13 | 8,643 | |
| 2,277 |
김군
|
2015.03.14 | 7,787 | |
| 열람 |
블루면
|
2015.11.10 | 6,957 | |
| 2,275 |
퍼그야
|
2015.08.23 | 6,603 | |
| 2,274 |
허거덩
|
2015.03.20 | 4,940 | |
| 2,273 |
다이옥신
|
2015.03.18 | 4,728 | |
| 2,272 |
shadow
|
2015.03.27 | 4,576 | |
| 2,271 |
알로하
|
2015.03.11 | 4,412 | |
| 2,270 |
파워메카드
|
2016.11.04 | 4,403 | |
| 2,269 |
레아엘
|
2015.07.04 | 4,401 | |
| 2,268 |
guide
|
2015.04.26 | 4,345 | |
| 2,267 |
부끄럼소년
|
2017.02.28 | 4,300 | |
| 2,266 |
우동군
|
2015.06.02 | 4,120 | |
| 2,265 |
홍인
|
2015.04.21 | 4,031 | |
| 2,264 |
비즈팔
|
2015.03.26 | 3,963 | |
| 2,263 |
joosam
|
2015.05.20 | 3,696 | |
| 2,262 |
fm25
|
2015.02.15 | 3,659 |
댓글목록
이윰IN님의 댓글
이윰빌더의 반응형 베이직 테마에는
글쓰기할 때, [동영상] 입력을 위한 버튼이 글쓰기 에디터 바로 좌측 위에 있습니다.
해당 버튼을 클릭하여 동영상주소를 입력하면 쉽게 동영상을 첨부할 수 있어요.
첨부된 동영상은 자동으로 반응형으로 보여지게 되어 있습니다.
참고해 주시구요.
그리고 그누보드5는 기본적으로 htmlpurifier에 의해 iframe 소스는 필터링됩니다.
감사합니다.
축하합니다. 첫댓글 포인트 98포인트를 획득하였습니다.
블루면님의 댓글
ㅡㅜ 답변을 읽으면서 스스로 창피하네요 제가 꼼꼼히 보지못하고 힝 ㅡㅜ
정말 감사드리구요. 저같은 초보들을 위해 저도 이윰에 한몪하도록 노력하겠습니다. ^0^
블루면님의 댓글
말씀하신것처럼 하니 너무 잘됩니다. ^0^
근데 http://sendvid.com/ 여기 영상은 지원이 안되는건가요?ㅡㅜ
sendvid 영상도 가능하게 하려면 따로 설정하게 있는지요?
꼭 하고 싶어요 ㅡㅜ 속도도 빠르고 용량제한이 없어서 좋은데 ㅡㅜ
블루면님의 댓글
sendvid.com 여기 동영상도 꼭되게 부탁드려요 ㅡㅜ 부탁드려봅니다 감사합니다.
http://sendvid.com/umftvqfk <--동영상주소
이윰IN님의 댓글
좋은 정보 주셔서 감사드립니다.
분석해 보도록 하겠습니다. ^^
살사바님의 댓글
.