티스토리 블로그 유튜브 동영상 자동재생 및 연속재생하기

 

 

올 1월경 쯤에 동 제목으로 글을 쓴 적이 있었는데요.

그 글에 댓글이 올라와 점검을 해보니 2022.11.12일 현재 유튜브에서 퍼온 아이프레임 소스가 이전에 통용되었던 어떤 코드를 추가해도 자동 재생 및 반복 재생이 되지 않더군요.

 

그래서 구글링으로 찾아낸 게 스크립트 코드인데요.

스크립트 소스를 참고한 건 👉이 페이지의 댓글이고, 이 포스팅에 접속해서 음악이 플레이된다면 오늘 글에 저는 대만족 합니다 ~ 😉

 

아래 스크립트는 윈도우는 물론 갤럭시폰의 삼성 브라우저와 크롬, MS 엣지, 네이버 웨일에서는 정상 작동되었지만 파이어폭스에서는 작동되지 않으니 참고하시구요.

 

글쓰기 본문에서 유튜브 동영상을 첨부할 부분에 코드를 넣어주면 음소거 없이 자동 재생 및 연속 재생이 됩니다.

<div class="tt_article_useless_p_margin contents_style"><div id="player">&nbsp;</div>
<p data-ke-size="size16">
<script src="https://www.youtube.com/iframe_api"></script>
</p>
<p data-ke-size="size16">
<script>
  var player;
  function onYouTubeIframeAPIReady(){
    player = new YT.Player('player',{
     videoId:'유튜브 동영상 고유 번호',
      playerVars:{'autoplay':1,'playsinline':1, 'loop':1, 'playlist':'유튜브 동영상 고유 번호'},
      events:{ 'onReady':onPlayerReady }
    });
  }
  function onPlayerReady(e){
    e.target.mute();
    e.target.playVideo();
    setTimeout(function(){e.target.unMute()},100);
  }
</script>
</p>

유튭_자동재생_연속재생_스크립트.txt

0.00MB