티스토리에서 유튜브 자동 재생되게 하는 방법

 

티스토리에서 유튜브 자동 재생되게 하는 방법은 아래와 같습니다.

 

글 작성화면에서 HTML 보기로 들어간 후 

아래에 있는 소스를 복사해서 넣어 주시면 됩니다.

그 후 "유튜브 동영상 공유번호" 부분을 재생하고자 하는 유튜브 영상 고유번호로 바꾸면 자동 재생됩니다.

 

---

 

<div class="tt_article_useless_p_margin contents_style" align="center">
<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:'유튜브 동영상 고유 ID',
      playerVars:{'autoplay':1,'playsinline':1, 'loop':1, 'playlist':'유튜브 동영상 고유 ID'},
      events:{ 'onReady':onPlayerReady }
    });
  }
  function onPlayerReady(e){
    e.target.mute();
    e.target.playVideo();
    setTimeout(function(){e.target.unMute()},100);
  }
</script>

 

 

---

 

만약 위에 글이 복사가 되지 않는다면

아래 txt 파일을 첨부하오니

다운 받아 사용하시면 되겠습니다.

티스토리 유튜브 자동재생.txt

0.00MB

 

그럼 이만~