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>
https://developers.google.com/youtube/player_parameters?hl=ko
YouTube 내장 플레이어 및 플레이어 매개변수 | YouTube IFrame Player API | Google for Developers
YouTube 내장 플레이어 및 플레이어 매개변수 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. 개요 이 문서에서는 애플리케이션에 YouTube 플레이어를 삽입하는
developers.google.com
728x90
반응형