[HTML] 웹에서 유튜브 영상 불러오기

웹에서 영상 재생하고 싶을때 사용합니다.

 

 

영상을 자신의 유튜브채널에 업로드 하시고, 재생중인 영상에 마우스 오른쪽 클릭하면 소스코드 복사 클릭 하시면 

소스코드가 복사됩니다.

 

[원본 복사 영상 코드]

<iframe width="956" height="538" src="https://www.youtube.com/embed/영상코드" 
title="영상제목" frameborder="0" allow="accelerometer; autoplay; clipboard-write; 
encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

기본적으로 위처럼 복사되는데 

복사된 유튜브 영상을 자동재생, 소리뮤트 하고싶을땐 영상 코드 뒤에 autoplay=1, mute=1 을 넣어줍니다.

 

[수정 코드]

<iframe width="956" height="538" src="https://www.youtube.com/embed/영상코드?autoplay=1&mute=1" 
title="영상제목" frameborder="0" allow="accelerometer; autoplay; clipboard-write; 
encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

autoplay, mute처럼 유튜브 매개변수들은

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

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

유튜브 공식 개발페이지에서 확인해서 코드 뒤에 붙여서 사용 가능합니다.