유튜브 동영상은 공유 기능을 이용하여 SNS나 웹서비스로 링크를 공유할 수 있습니다. 공유 기능 중 퍼가기가 있는데요. 이 퍼가기를 이용하면 유튜브 동영상을 웹사이트나 웹페이지 등에 게재할 수 있습니다.
동영상 퍼가기로 웹페이지에 유튜브 동영상을 게재할 경우 플레이 버튼을 눌러야만 동영상이 재생됩니다. 너무 당연한 것인데요. 어떤 경우에는 자동 재생되어야 하는 경우도 있습니다. 요즘은 흔히 볼 수 없지만 사이트에 브금(배경 음악, Background music)이 유행했던 시절이 있었습니다. 유튜브 동영상이 자동 재생된다면 브금용으로 사용할 수 있겠죠. 참고로 요즘은 가수들이 뮤직 비디오를 유튜브에 공개하는 추세이기에 브금용 음악은 유튜브에 널렸습니다.
유튜브 동영상 자동 재생 시킬 수 있습니다. 방법도 간단합니다. 브금용 활용만 있는 것은 아니죠. 동영상에서 소리가 필요 없을 경우도 있을 겁니다. 동영상에서 소리를 죽이고 영상만 재생되게 할 수도 있습니다. 참고로 스마트폰에서는 유튜브 동영상이 자동 재생되지 않습니다. 데이터 사용 문제가 있기 때문에 정상 적인 방법으로는 스마트폰에서 유튜브 동영상을 자동 재생 시킬 수 없습니다.
유튜브 동영상 자동 재생 및 음소거
우선 먼저 유튜브 동영상 퍼가기를 모르시는 분들을 위해 간단하게 설명하자면, 유튜브 동영상 우측 하단에 보면 공유가 있습니다. 이 공유를 클릭하면
링크 공유가 열립니다. 링크 공유에서 퍼가기를 클릭하면
동영상과 동영상 퍼가기 소스 창이 열립니다. 우측의 아이프레임으로된 동영상 퍼가기 소스를 복사한 후 글 쓰기에 붙여 넣으면 됩니다. 티스토리 블로그를 예로 들자면 글쓰기 에디터 창에서 우측 상단의 html 체크한 후 html 모드에서 유튜브 동영상 퍼가기 소스를 붙여 넣으면 됩니다.
유튜브 동영상 퍼가기 기본 소스를 사용하면 웹페이지에서 위와 같이 보여집니다. 중앙의 플레이 버튼을 클릭해야만 동영상이 재생 됩니다. 기본 소스에 자동 재생 파라미터와 음소거 파라미터를 추가해주면
위와 같이 유튜브 동영상이 음소거 상태로 자동 재생됩니다. 자동 재생만 적용하면 유튜브 동영상 퍼가기 소스가 삽입된 페이지에 방문한 사람들은 브금을 들을 수 있겠죠. 덤으로 영상도 볼 수 있겠고요.
아이프레임으로된 유튜브 동영상 소스 중 동영상 ID(src=”동영상ID”) 뒤에 파라미터를 추가해주면 자동 재생됩니다. 동영상 주소 끝부분에 ?autoplay=1만 붙여 주면 자동 재생됩니다. ?mute=1을 붙여 주면 음소거 상태가 되고요. 두 개를 ?autoplay=1&mute=1 같이 넣어주면 유튜브 동영상이 음소거 상태로 자동 재생 됩니다. 참고로 파라미터는 매개변수인데요. 쉽게 옵션이라고 생각하면 됩니다. 웹법사가 알기로는 동영상 퍼가기에 사용할 수 있는 함수가 대략 20여 가지가 있는 것으로 알고 있습니다. 유튜브 동영상 재생 시간을 설정하거나 반복 재생 설정도 할 수 있습니다.
유튜브 동영상 자동 재생 및 음소거 소스 예제
<iframe width="560" height="315" src="https://www.youtube.com/embed/SID9lz5muBQ?autoplay=1&mute=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
유튜브 동영상 퍼가기 기본 소스
<iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/SID9lz5muBQ” frameborder=”0″ allow=”accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture” allowfullscreen></iframe>
유튜브 동영상 자동 재생 소스
<iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/SID9lz5muBQ?autoplay=1” frameborder=”0″ allow=”accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture” allowfullscreen></iframe>
유튜브 동영상 자동 재생 및 음소거 소스
<iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/SID9lz5muBQ?autoplay=1&mute=1” frameborder=”0″ allow=”accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture” allowfullscreen></iframe>
이해가 잘 안되시는 분들이 있을까 싶어 꼭 집어 설명하자면, 기본 소스에 빨간색을 붙여 주면 자동 재생됩니다. 파란색을 붙여 넣어주면 음소거 상태로 자동 재생 됩니다. 위쪽의 예제 소스 복사해서 사용하시면 되겠습니다. 예제 소스 우측에 있는 copy 버튼 누르면 예제 소스가 클립 보드로 복사 됩니다. 끝~