• TOP
케이홈테마 상담신청
  • 문의항목
  • 성함
  • 이메일
  • 연락처
  • 제목
Fullfill Heart, Design Dream
BUISINESS
메인화면수정
메인 비주얼에 유튜브 영상을 여백없이 넣는 방법
  • 등록일2024.09.25
  • 조회수112

/theme/테마명/main/main-visual-slide-img-01.php 파일에서 아래 내용을 추가해줍니다.

 

<style>

   #main-slide .youtude { position:relative; padding-bottom:56.25%; overflow:hidden; }
    #main-slide iframe { position:absolute; left:0; top:0; width:100%; height:100%; }

</style>

 

유튜브 삽입을 원하는 구간에 아래 내용을 추가해줍니다. (content 내용은 테마마다 다르니 테마에 맞게 수정하시기 바랍니다.)

 

<div class="swiper-slide">
                    <div class="image">
                       <div class="youtude"><iframe src="https://www.youtube.com/embed/mjB0PhV2WzI?si=C3cCJ0LaoqASFWX0&mute=1&autoplay=1&controls=0&disablekb=1$fs=0&modestbranding=1&start=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></div>
                   </div>
                    <div class="content c">
                        <div class="head"><span>WELCOME TO K-HOMEPAGE</span></div>
                        <div class="desc"><span>끊임없는 변화와 역동적인 혁신으로 내일을 창조합니다.</span></div>                        
                    </div>
                </div>

 

초록색 마커 표시 부분에 원하시는 유튜브 영상에서 소스코드복사 클릭 후 나오는 주소를 입력해주면 됩니다.

 

 

 

 

댓글 0

댓글목록

등록된 댓글이 없습니다.