[개발/참고] chrome 유튜브 iframe 동영상 자동재생 설정 방법

[개발/참고] chrome 유튜브 iframe 동영상 자동재생 설정 방법

 

 

iframe을 이용하여 유튜브 동영상을 퍼와서 연동할때,

 

크롬에서 자동재생이 안되는 이슈를 많이들 겪으셨을 껍니다.

 

아래처럼 동영상 퍼가기 하면 나오는 소스코드를 붙여서 

 

src 부분에 동영상 embed url 을 입력하고 잘뜨는데 왜 자동재생이 안되는지...

 

<iframe width="100%" height="100%" src="embed_url" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

 

저도 한참 찾다가 방법을 찾아서 공유드립니다!

 

위처럼 그냥 embed_url 의 뒤에 ?autoplay=1 을 붙이면

 

자동재생이 되야 정상입니다.

 

explorer에서는 자동재생이 잘되고

chrome에서는 안됩니다...

 

하지만, 

?autoplay=1&mute=1 를 붙이면

 

explorer 와 chrome 둘다 정상 동작합니다..

 

이걸 보고 추측하건데...

 

chrome 에서는 sound와 관련된 제어 부분까지도 설정을 해줘야 정상동작 하는듯합니다.

 

위 내용을 참고하셔서 저처럼 삽질하는 분들이 없길...ㅠㅠ

 

참고하세요!