Web dev/ETC

JS / 유튜브 자주쓰는 iframe player API 매개변수 정리

양여리 2024. 2. 14. 23:01
728x90
반응형

자주 쓰는 유튜브 iframe player 매개변수 정리

 

유튜브영상 시작시간 설정

// 시작시간 설정
<iframe src="https://www.youtube.com/embed/유튜브_ID?start=61" allowfullscreen=""></iframe>

 

유튜브영상 끝나는시간 설정

// 끝나는시간 설정
<iframe src="https://www.youtube.com/embed/유튜브_ID?end=120" allowfullscreen=""></iframe>

 

유튜브영상 자동재생

// 자동재생 설정 mute=1 로 소리없음을 해야 자동재생
<iframe src="https://www.youtube.com/embed/유튜브_ID?autoplay=1&mute=1" allowfullscreen=""></iframe>

 

유튜브영상 컨트롤러 제거

// controls=0(컨트롤 제거), controls=1(기본값)플레이어 컨트롤이 플레이어에 표시
<iframe src="https://www.youtube.com/embed/유튜브_ID??controls=0" allowfullscreen=""></iframe>

 

유튜브영상 로고 제거

// 유튜브 로고 제거: modestbranding=1
<iframe src="https://www.youtube.com/embed/유튜브_ID??modestbranding=1" allowfullscreen=""></iframe>

 

유튜브영상 반복 재생

// 반복재생 단일영상은 playlist를 추가 해줘야한다.
<iframe src="https://www.youtube.com/embed/비디오_ID?loop=1&playlist=비디오_ID" allowfullscreen=""></iframe>

 

유튜브영상 관련 영상 표시 안하기

// 관련 동영상 표시 안하기 
<iframe src="https://www.youtube.com/embed/비디오_ID?rel=0" allowfullscreen=""></iframe>

 

유튜브 IFrame Player API

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

 

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

YouTube 내장 플레이어 및 플레이어 매개변수 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. 개요 이 문서에서는 애플리케이션에 YouTube 플레이어를 삽입하는

developers.google.com

 

728x90
반응형