PC Game IT

블로그 유튜브 영상 자동재생 넣는 방법

✔­ 2021. 1. 20.

유튜브 영상 자동재생과 소리 켜고 끄는 방법

 무한으로 재생하는 방법, 

동영상 로드 후 자신의 영상 VIDEO_ID 주소를 알 수 있는 방법
영상의 공유 버튼 > 주소 안의 ( / )빗금&슬래쉬 뒤에 붙여진 주소가 VIDEO_ID 라 할 수 있습니다
이런게 말이죠 

사용되는 주소 #https://www.youtube.com/embed/

 

https://www.youtube.com/embed/
예) https://www.youtube.com/embed/VIDEO_ID

예) embed 뒤 " / " 뒤에 붙여진 주소가 video_id 라고 생각하시면 됩니다 

적용된 주소 https://www.youtube.com/embed/NUX4jTCgMKM

자신의 영상 video_id 를 붙인 다음에 뒤에 붙여질 매개변수 (재생, 소리, 플레이리스트 등) 추가 합니다

1.

동영상 로드 후 자신의 영상 VIDEO_ID 주소를 알 수 있는 방법
영상의 공유 버튼 > 주소 안의 ( / )빗금&슬래쉬 뒤에 붙여진 주소가 VIDEO_ID 라 할 수 있습니다
이렇게 말이죠 >


VIDEO_ID 주소 알아내는 방법

(1) 공유 버튼 클릭

(2) 밑 줄 친 부분이 VIDEO_ID 입니다

2.

영상의 VIDEO_ID 를 알아내셨다면 다음은 자동 재생과 소리를 넣을지 음소거를 할지를 결정하는 방법


영상의 VIDEO_ID 를 알아내셨다면 다음은 자동 재생과 소리를 넣을지 음소거를 할지를 결정하는 방법

VIDEO_ID 주소 끝 부터 매개변수를 추가할 때마다 " ? " 붙인 후 입력해야 합니다

 

예) 자동재생, 소리 음소거, 반복 기능을 추가한다면 아래코드 처럼 하시면 됩니다

https://www.youtube.com/embed/NUX4jTCgMKM?&autoplay=1?&loof=1&mute=1 

 

숫자를 의미는 =1 (켜기) =0 (끄기)

 

매개변수 기능들

&autoplay=1 (자동재생 상태)
이 매개 변수는 플레이어가 로드 될 때 첫 번째 동영상을 자동으로 재생할지 여부를 지정합니다. 지원되는 값은 0 또는 1입니다. 기본값은 {0 /}입니다.

 

&loof=1 
이 매개 변수는 재생을 했을 경우 자동으로 반복적인 재생을 할 것인지 정하는 변수 입니다
(0) 재생 한번만 돌린 값 
(1) 무한으로 재생 값

 

&mute=1 (소리 음소거 상태)
소리의 상태를 끄고 켜고 할 수 있는 매개변수 입니다
&playlist=VIDEO_ID (플레이리스트)
플레이 리스트가 있는 재생 영상도 마찬가지로 PL 를 붙인 주소로 플레이 리스트를 작성할 수 있습니다
예로 표시된 것 처럼 재생목록 ID 앞에 PL 문자가 붙어 있어야 합니다



 

사용자가 업로드한 영상 로드로는 list 동영상 업로드 한 유튜브 사용자 이름으로 설정 합니다

 

https://www.youtube.com/embed?listType=user_uploads&list=USERNAME

검색어의 검색결과를 로드 할때는 매개변수를 플레이어에 로드할 검색결과 검색어로 QYERY

https://www.youtube.com/embed?listType=search&list=QUERY

3. 이외 사용하는 이 외에 매개변수 종류 

 

 

 

autoplay

영상이 로드될 때 같이 자동재생 설정할 수 있는 매개변수
지원되는 값은 0, 1 로 소리가 나는 기본값은 0 입니다

cc_lang_pref

영상의 자막 언어를 지정하는 매개변수 입니다
ISO 639-1 두 자리 언어 코드로 들어가 코드를 언어별 확인 할 수 있습니다

cc_load_policy

cc_lang_Fref 매개변수를 작성하고 플레이 될 때 cc_load_policy 매개변수를 1로 설정하면 플레이어가 재생이 될 때 지정된 언어로 자막이 표시됩니다
 cc_load_policy 매개변수를 설정하지 않으면 기본적으로 자막이 표시되지 않습니다
0일 경우 기본값으로 자막이 표시되지 않습니다

color

이 매개 변수는 시청자가 동영상에서 시청 한 콘텐츠를 강조하기 위해 플레이어의 동영상 진행률 표시 줄에서 사용할 색상을 지정한다고합니다
유효한 매개 변수 값은 빨간색과 흰색입니다
기본값 빨간색으로 표시됩니다
색상 옵션에 대한 자세한 내용은 YouTube API 블로그를 참조하세요.
참고 : 색상 매개 변수를 흰색으로 설정하면 적절한 브랜드 옵션이 modestbranding 비활성화됩니다

controls

이 매개 변수는 동영상 플레이어 컨트롤을 표시할지 여부를 나타냅니다 
controls=0- 플레이어 컨트롤이 플레이어에게 표시되지 않습니다
controls=1 (기본값)-플레이어 컨트롤이 플레이어에 표시됩니다.

disablekb

키보드로 사용할 수 있는 조절 키

스페이스 바 또는 ( k ) : 재생 / 일시 중지
왼쪽 화살표 : 현재 동영상에서 뒤로 5 초 이동
오른쪽 화살표 : 현재 동영상에서 5 초 앞으로 이동
위쪽 화살표 : 볼륨 높이기
아래쪽 화살표 : 볼륨 낮추기
( f ) : 전체 화면 표시로 전환
( j ) : 현재 동영상에서 10 초 뒤로 이동
( l ) : 현재 동영상에서 10 초 앞으로 이동
( m ) : 비디오 음소거 또는 음소거 해제
숫자키 ( 0-9 ) : 비디오의 특정 지점으로 이동
0 = 최초의 시작지점
1 = 10% 시작지점
2 = 20% 시작지점
3 = 30% 시작지점
90 = 90% 끝나가는 지점

end

영상 재생을 중지해야 할 시간을 동영상 정할 때 사용합니다
시작지점부터 초 단위로 양수를 넣습니다 

fs

0으로 설정하면 전체 화면 버튼이 플레이어에 표시되지 않습니다

iv_load_policy

매개 변수 값이 1로 설정되면 비디오 애니메이션이 기본적으로 표시되고 3으로 설정되면 비디오 애니메이터가 기본적으로 표시되지 않습니다. 기본값은 1입니다.

loop

단일 동영상 플레이어의 한번 재생할 경우 0
1로 설정하면 동영상을 반복해서 재생합니다

만약 재생목록 플레이어에서 loop를 추가한다면
목록에 있는 영상을 모두 본 다음 다시 처음으로 돌아가 
반복적으로 플레이 합니다
지원되는 값은 0 및 1이며 기본값은 0입니다

modestbranding

YouTube 로고를 표시하지 않는 플레이어를 사용할 수 있습니다
1 = 끄기
0 = 기본값 보이기

 playlist

이 매개변수는 재생할 동영상 ID의 쉼표로 구분된 목록을 지정합니다. 값을 지정하면 URL 경로에서 지정한 VIDEO_ID가 먼저 재생되며 playlist 매개변수에서 지정한 동영상이 그 후에 재생됩니다.

 

 

전체 매개변수 종류

color

controls

disablekb

enablejsapi

fs

hl

iv_load_policy

list

loop

modestbranding

origin

playlist

rel

showinfo

start

widget_referrer

아이프레임에서의 삽입 태그는

<iframe src="https://youtube.com/embed/NUX4jTCgMKM?rel=0&autoplay=0&mute=1&loop=1&playlist=NUX4jTCgMKM" width=100% height=40% frameborder="0" > </iframe>

width 및 height 는 전체적 면적에 % 로도 정할 수 있고 지정한 크기로 정할 수 도 있습니다

 

 

 

 

외에도 자세한 내용은 유튜브 

 

 

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

개요 이 문서에서는 애플리케이션에 YouTube 플레이어를 삽입하는 방법을 설명하고 YouTube 내장 플레이어에서 사용할 수 있는 매개변수를 정의합니다. IFrame URL에 매개변수를 추가하여 애플리케이

developers.google.com

 

댓글