전체검색

사이트 내 전체검색

CS Center

CS Center

tel. 000-0000-0000

am 9:00 ~ pm 6:00

토,일,공휴일은 휴무입니다.

000.0000.0000
master@company.com

공지사항

내용관리 및 컨텐츠 페이지에 유튜브 영상 사이즈 조절

페이지 정보

profile_image
작성자 최고관리자
댓글 0건 조회 167회 작성일 20-03-23 15:50

본문

게시판이 아닌 내용관리, 일반 컨텐츠 페이지에서 유튜브 영상을 삽입 하실 경우 해당되는 내용입니다.


에디터 유튜브 영상 반응형 코드 : 


아이프레임소스를 <div class="video_area"><iframe ~ ~></iframe></div> 코드로 감싸줍니다.

예) <div class="video_area"><iframe width="560" height="315" src="https://www.youtube.com/embed/GBexfwe-9j0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div>


2020.03.23 이전에 구매하신 분들은

/theme/구매테마/css/design.css 에

.video_area { position:relative; height:0; padding-top:56.25% }

.video_area iframe { width:100%; height:100%; position:absolute; left:0; top:0 }

클래스를 추가해 주시기 바랍니다.

댓글목록

등록된 댓글이 없습니다.