티스토리 유튜브 영상 자동재생, 반복재생 하는 법 (음소거 안해도 됨)

 

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

처음에 유튜브에서 영상코드를 복사해 넣으면 위와 같은 코드가 나온다. 

 

<!-- 자동재생 -->
<iframe width="900" height="506" src="https://www.youtube.com/embed/영상코드?amp;autoplay=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

<!-- 자동재생 및 반복재생 -->
<iframe width="900" height="506" src="https://www.youtube.com/embed/영상코드?amp;autoplay=1&amp;playlist=영상코드&amp;loop=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

src="영상 링크" 이런 식일건데 링크 뒤에 amp;autoplay=1 를 넣으면 자동 재생이 되고, amp;playlist=영상 코드&loop=1 를 넣으면 반복 재생이 된다.

 

근데 글을 쓰는 도중 '기본 모드'에서 'HTML'로 바꾸거나 이미 작성된 글을 수정할 때,

아래와 같이 코드가 살짝 변경된다.

<iframe src="https://www.youtube.com/embed/영상코드?amp;autoplay=1&amp;playlist=영상코드&amp;loop=1" width="900" height="506" frameborder="0" allowfullscreen=""></iframe>

 

뒤에 있던 allow="" 가 사라진건데 이 때 이 부분을 다시 넣어주면 해결된다.

<iframe src="https://www.youtube.com/embed/영상코드?amp;autoplay=1&amp;playlist=영상코드&amp;loop=1" width="900" height="506" frameborder="0" allowfullscreen="" allow="autoplay;"></iframe>

다른 건 안넣어줘도 되고 allow="autoplay;"만 넣으면 된다.

 

다만, 이게 왠지는 모르겠지만, 글을 수정할 때나 기본모드에서 HTML 모드로 바꿀 때 마다

다시 allow="autoplay;" 이 부분이 지워진다. 그 때마다 다시 써줘야 한다.

 

그리고 게시글을 보던 중 새로고침을 하면 자동재생이 안먹힌다(반복재생은 상관없다).

 

참고로 모바일은 원래 자동재생이 안된다. 

 

모바일 자동재생에 대해 궁금하다면 아래 링크 클릭

https://kingmaron.tistory.com/114

모바일 환경에서 티스토리 유튜브 영상 자동 재생 (원치않는 데이터 사용 주의)(Andriod 한정)

-------추가------

뭔가 잘되는 것 처럼 적어놨지만 제대로 작동 안한다. 정확히는 블로그 내에서 다른 글로 이동할 때는 작동한다.

근데 어찌된 것인지 포털사이트에 검색을 하여 접속하면 작동이 되지않는다.

이 사항은 다음글도 똑같은 사항.

------------------