지난 글에서 퍼가기 소스를 이용하여 웹사이트에 유튜브 동영상을 게재할 때 자동 재생 시키는 방법을 알려드렸습니다. 글을 보신 분들은 아시겠지만 유튜브 동영상 자동 재생 및 음소거 방법 정말 쉽습니다. 오늘은 유튜브 동영상을 반복 재생하는 시키는 방법과 재생 시간을 설정하는 방법을 알려드리겠습니다.
여러 개의 유튜브 동영상을 반복 재생하는 것이 야간 복잡하긴 하지만 크게 어렵진 않습니다. 아이프레임으로 된 유튜브 퍼가지 소스의 구조를 이해하고 함수만 알고 있다면 뚝딱 특정 특정 시간부터 자동 재생되게 만들 수 있습니다. 말이 너무 어려웠나요. 유튜브 퍼가기 소스의 옵션과 규칙 몇 가지만 이해하면 정말 쉽게 유튜브 동영상을 반복 재생되게 할 수 있습니다.
유튜브 동영상 반복 재생 및 재생 시간 설정
반복 재생은 잘 아시겠지만 동영상을 무한 반복 시켜 재생 시킵니다. 한 개의 동영상을 반복 재생 시킬 수도 있고, 여러 개의 동영상을 연속 재생 및 반복 재생 시킬 수도 있습니다. 재생 시간 설정은 동영상을 특정 시간부터 재생되도록 하는 것인데요. 불필요한 부분을 건너뛰고 특정 시간부터 재생 시킵니다.
<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>
유튜브 퍼가지 소스 기본형입니다. 기본형 소스에는 가로 크기, 세로 크기, 동영상 ID만 있습니다. 이 기본 소스의 동영상 ID(embed/뒷의 영문숫자) 뒷부분에 반복 재생 파라미터와 동영상 ID를 붙여주면 유튜브 동영상을 반복 재생 시킬 수 있습니다.
유튜브 동영상 반복 재생 옵션
?loop=1;playlist=SID9lz5muBQ
시작 시간을 설정하고 싶다면 유튜브 동영상 소스를 퍼올 때 시작 시간을 설정하거나, 소스에서 직접 시간 시간을 설정해 주면 됩니다.
유튜브 동영상 재생 시간 옵션
?start=15
시작 시간을 설정하고 싶다면 유튜브 퍼가지 소스의 동영상 ID 뒤에 위의 재생 시간 옵션을 추가해 주면 됩니다. 숫자 15는 15초를 의미합니다. 60초부터 동영상이 재생되게 하고 싶다면 ?start=60으로 하면 됩니다.
만약 반복 재생과 시작 시간 두 개의 옵션을 동시에 적용하고 싶다면 ?start=15&playlist=SID9lz5muBQ 이렇게 연결하여 사용하면 됩니다. 두 번째 옵션에서 ?를 &으로 변경해 주면 됩니다.
<iframe width="560" height="315" src="https://www.youtube.com/embed/SID9lz5muBQ?start=15&playlist=SID9lz5muBQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
반복 재생과 시작 시간 옵션을 추가하면 유튜브 퍼가기 소스는 위와 같은 형태로 됩니다. 소스 중 동영상 ID만 변경하여 사용하면 되겠죠.
반복 재생과 시작 시간 옵션을 추가하면 요렇게 됩니다. 재생 버튼 누르면 15초부터 재생되며, 해당 영상이 반복 재생 됩니다. 동영상 재생을 멈추거나 해당 동영상이 게재된 페이지를 닫기 전까진 무한 반복 재생됩니다.
만약 동영상이 끝난 후 다른 동영상이 재생 되도록 하고 싶다면 playlist=동영상 ID를 다른 동영상 ID로 변경해 주면 됩니다. 2개 이상의 동영상을 연속 재생 시키고 싶다면 ?loop=1;playlist=A 동영상 ID, B 동영상 ID, C 동영상 ID, D동영상 ID 이렇게 쉼표로 구분하여 동영상 ID를 넣어 주면 됩니다. 토막 토막 끊어진 여러 개의 동영상을 하나로 묶어 재생 시키고 싶을 때 사용하면 되겠죠.
복습 및 실습을 하자면 ?autoplay=1&start=15&mute=1&loop=1;playlist=TFoCjRSQ-Go 이렇게 4개의 옵션을 추가해주면
위와 같이 2개의 유튜브 동영상이 무음으로 15초부터 자동 재생되며 반복 재생되게 됩니다. 2개의 동영상이 무한 반복 재생 됩니다.
물론 위의 4개 옵션은 예시일 뿐입니다. 무음 옵션을 제거하면 2개 이상의 뮤직비디오를 자동 재생으로 무한 반복 재생되게 할 수 있습니다. 좋아하는 아이돌 뮤직비디오를 자동 재생되며 반복 재생되게 하면 어후야~ 굿이죠~ 끝~