라이브러리 브랜드

Korean English Japanese

유튜브 동영상 자동재생 방법(크롬·IE)

공유하기
반응형

유튜브 iframe 자동재생 방법

생각보다 해결방법은 간단하다. 구글 크롬 정책으로 인하여 유튜브 동영상을 자동 재생하려면 음소거된 상태에서만 자동재생이 가능하다. 따라서, 자신이 업로드 한 영상이나 가져오고 싶은 동영상을 블로그나 웹사이트에 자동으로 재생되게 하는 방법을 안내한다.

먼저, 유튜브 동영상의 주소 값을 알아야 한다. 일반적으로 유튜브 동영상 주소의 맨 마지막에는 영상의 고유 주소가 있다. 혹은 유튜브 동영상 공유 버튼을 클릭하면 동영상 퍼가기 기능이 나오며, iframe으로 코드를 얻을 수 있다.

https://www.youtube.com/watch?v=cPAbx5kgCJo

예를 들어, 위와 같은 노래 영상을 자동 재생으로 적용하고 싶다면 퍼가기 옵션을 통해 iframe으로 적용된 주소를 삽입한다. 위의 소스에서 자동재생 옵션을 추가하면 되는데, cPAbx5kgCJo라는 고유 주소 뒤에 자동재생과 음소거 옵션(?autoplay=1&mute=1)을 추가한다. 그러면 아래와 같은 소스코드가 완성된다.

<iframe width="560" height="315" src="https://www.youtube.com/embed/cPAbx5kgCJo?autoplay=1&mute=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

위의 소스코드를 HTML 편집이 가능한 곳에 적용하면 자동재생이 되는 유튜브 동영상을 확인할 수 있다.

※ 크롬 브라우저 정책으로 인해 동영상 자동재생의 경우, 반드시 음소거가 적용되어야 한다.

반응형
댓글 0
  • 라이브러리 브랜드에 새로운 의견을 남겨주세요.