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

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

아래 코드를 HTML 모드 변경후 유튜브 동영상 보일 위치에 복사 붙여넣기 (오른쪽 상단에 copy 누르면됨니다.)

<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:'유튜브동영상고유번호',
      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>
</div>
<div id="player">&nbsp;</div>
<script src="http://www.youtube.com/iframe_api"></script>
<script>

  var player;

  function onYouTubeIframeAPIReady(){

    player = new YT.Player('player',{

      width:'100%',

      videoId:'유튜브동영상고유번호',

      playerVars:{'autoplay':1,'playsinline':1},

      events:{ 'onReady':onPlayerReady }

    });

  }

  function onPlayerReady(e){

    e.target.mute();

    e.target.playVideo();

  }

</script>

빨간색 원안에 들어가있게 유튜브동영상 고유번호입니다.

미리보기를 했을때 검은색 박스가 나오면 코드가 제대로 들어간겁니다.

포스팅 마무가 끝났으면 완료 하고 나와서 동영상이 제대로 자동재생 되는지 확인하시기 바랍니다.

PC인터넷 & 모바일 인터넷 브라우저에서는 자동재생이 되는걸 확인했으나 스마트폰 티스토리앱에서는 자동재생이 잘 안되고 있습니다. 확인후 첨부글 남기겠습니다.

 

밑에는 동영상 자동재생 Sample