노트



개발 아이디어 및 코드, 디자인 레퍼런스


  • 포스트 메타로부터 유튜브 동영상 추출
    포스트 메타로부터 유튜브 동영상 추출
    노트@464.201102
    function onPlayerReady(event) {
     $("ul#vidlist li").click(function(){
      $('ul#vidlist li.active').removeClass('active');
      $(this).addClass('active');
      var ytid = $(this).data('ytid');
      player.loadVideoById(ytid);
     });
    }
    function onPlayerStateChange(event) {
     if (event.data == YT.PlayerState.ENDED) {
      alert('이벤트 트리거');
      $('ul#vidlist li.active + li').trigger('click');
     }
    }

    포스트 메타 유튜브 추출

    개별 포스트 메타에 속해 있는 유튜브 영상을 추출 및 취합하여 하나의 플레이어와 플레이리스트로 출력합니다.

    구글 ‘자동재생’ 정책 변경

    2018년 4월 발표한 구글 정책 변경에 따라 페이지 진입시 첫 번째 플레이어의 ‘자동재생’은 음소거 상태에서만 실행 될 수 있습니다.

    플레이리스트의 ‘자동재생’

    첫 번째 플레이어 영상 재생 종료 시 트리거 이벤트를 발생시켜 플레이리스트의 다음 재생 정보를 불러와 ‘자동재생’을 실행 합니다. 이는 구글 ‘자동재생’ 정책의 영향을 받지 않습니다.

    [포스트 메타… 추출] 의미와 활용

    유튜브 서비스내에서 플레이리스트를 생성하여 외부 사이트에 임베드 형식으로 추가하는 것과는 다른 개념입니다. 개별 영상 또는 포스트 메타에 속해있는 영상을 사이트 내부에서 추출 및 취합하고 플레이 하는 방식입니다. 이로 인해 영상 서비스에 대한 트래픽 비용 절감 및 다양한 미디어 관련 로직에 활용 될 수 있습니다.