계속질문이네요 ㅡㅜ 게시판내용에 동영상 아이프레임으로 등록시 반응형 적용가능하게 하는 방법요.
2015.11.10 16:40
4,282
6
- - 짧은주소 : http://e3net.fineyes.com/bbs/?t=uw
본문
안녕하세요
뒤늦게 이욤빌더를 알게되서 설치하고 하는중 궁금한것들이 많아서 계속 질문을 드리네요 ㅡㅜ
이욤빌더 반응형을(베이직) 설치한상태이구요
사진을 업로드하면 사진은 반응형이 적용되는데 유트부같은 아이프레임 영상을 삽입하니 반응형이 적용이 안되더라구요.
아이프레임 적용시 반응형이 적용되게 가능할지요? 그누보드에서 검색을 해보니
답을 찾은거는 같은데 이욤빌더 게시판에 적용하려고 하니 어찌해야할지 몰라서요
참고로 유튜브영상에 속성을추가하고 반응형으로 와이드 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
로그인 후 평가 가능합니다.
-
블루면
- 회원등급 : 지하계 / Level 4
포인트 8,205
경험치 1,447
[레벨 4] - 진행률
31%
- 가입일 : 2015-10-22 17:01:59
- 서명 : 미입력
- 자기소개 : 미입력
댓글목록 6
이윰IN님의 댓글
- 아이디로 검색
2015.11.10 17:07이윰빌더의 반응형 베이직 테마에는
글쓰기할 때, [동영상] 입력을 위한 버튼이 글쓰기 에디터 바로 좌측 위에 있습니다.
해당 버튼을 클릭하여 동영상주소를 입력하면 쉽게 동영상을 첨부할 수 있어요.
첨부된 동영상은 자동으로 반응형으로 보여지게 되어 있습니다.
참고해 주시구요.
그리고 그누보드5는 기본적으로 htmlpurifier에 의해 iframe 소스는 필터링됩니다.
감사합니다.
축하합니다. 첫댓글 포인트 98포인트를 획득하였습니다.
블루면님의 댓글
- 아이디로 검색
2015.11.10 17:38ㅡㅜ 답변을 읽으면서 스스로 창피하네요 제가 꼼꼼히 보지못하고 힝 ㅡㅜ
정말 감사드리구요. 저같은 초보들을 위해 저도 이윰에 한몪하도록 노력하겠습니다. ^0^
블루면님의 댓글
- 아이디로 검색
2015.11.10 17:55말씀하신것처럼 하니 너무 잘됩니다. ^0^
근데 http://sendvid.com/ 여기 영상은 지원이 안되는건가요?ㅡㅜ
sendvid 영상도 가능하게 하려면 따로 설정하게 있는지요?
꼭 하고 싶어요 ㅡㅜ 속도도 빠르고 용량제한이 없어서 좋은데 ㅡㅜ
블루면님의 댓글
- 아이디로 검색
2015.11.10 17:57sendvid.com 여기 동영상도 꼭되게 부탁드려요 ㅡㅜ 부탁드려봅니다 감사합니다.
http://sendvid.com/umftvqfk <--동영상주소
이윰IN님의 댓글
- 아이디로 검색
2015.11.10 18:06좋은 정보 주셔서 감사드립니다.
분석해 보도록 하겠습니다. ^^
살사바님의 댓글
- 아이디로 검색
2016.02.01 15:15.