본문 바로가기
프로그램개발/IT 트렌드·팁·상식

홈페이지 메인에 삽입한 유투브영상이 늦게 뜰때

by 크레도스 2021. 3. 26.

출처 : nohate.khan.co.kr

 

혐오를 넘어 - 경향신문 창간 71주년 기획

#힘이_세지는_혐오대응법

nohate.khan.co.kr

바로 controls 이란 매개변수!!

이걸 2로 지정해 주면, 사용자가 클릭하기 전까진 로딩이 되지 않고 껍데기(?)만 뜨기 때문에 로딩 시간이 대폭 단축된다고 합니다~

 

 

 

다른 매개 변수들은 아래 사이트에 들어가시면 자세히 보실 수 있습니다.

https://developers.google.com/youtube/player_parameters?hl=ko

YouTube 내장 플레이어 및 플레이어 매개변수< | YouTube IFrame Player API | Google Developers

developers.google.com

 

 

이것 외에도 좀 더 깔끔한 사이트를 위해 유튜브 영상 위에 표시되는 제목(아래 사진의 빨간색 박스 부분)을 없애고, 컨트롤 바에서 유튜브 로고도 없애는 옵션을 썼습니다. 한결 나아보이시나요? 뭐, 그냥 안 해도 상관없습니다만 ㅎ

 

 

 

 

결과적으로 쓴 코드는 다음과 같습니다.

 

위 URL 매개변수 중에서 controls=2가 바로 클릭 뒤 로딩하라는 옵션입니다. 이어 showinfo=0 이 바로 제목을 없애는 옵션이고, modestbranding=1이 유튜브 로고를 없애는 옵션입니다.

 

유튜브에서 소스코드 복사를 하신 뒤 URL 뒤에다가 자유롭게 추가하시면 됩니다.

매개변수 목록을 보시고 하나씩 시험해 보셔도 재밌으실 겁니다.

 

아주 간단한 해결 방법을 모르고 이틀간 머리를 싸맸습니다.

저처럼 고생하신 분들이 계실 것 같아, 정말 간단하고 다들 아시는 팁이겠지만, 한 번 공유 차원에서 남겨 봅니다.

 

혹시 도움이 되셨다면 저희 사이트에 한 번쯤 들러서 구경해 주세요~

저희에게는 큰 힘이 됩니다 ㅠ

http://nohate.khan.co.kr

혐오를 넘어 - 경향신문 창간 71주년 기획

#힘이_세지는_혐오대응법

nohate.khan.co.kr

 

 

그럼 다음에 또 찾아뵙겠습니다.