포스트 메타로부터 유튜브 동영상 추출

즐겨찾기 1
조회 926
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월 발표한 구글 정책 변경에 따라 페이지 진입시 첫 번째 플레이어의 ‘자동재생’은 음소거 상태에서만 실행 될 수 있습니다.

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

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

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

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

  1. 대파링 2020.11.04 06:40 

    영상 종료 시점에 이벤트 트리거 관련 안내 팝업을 띄우도록 수정하였습니다.

  2. 대파링 2020.11.03 04:08 

    본문 의미와 활용 부분에서 언급한 ‘ 외부 사이트에 임베드 형식’은 유튜브 서비스 기준에서의 외부를 말합니다. 해당 기능을 적용할 사이트 기준에서는 내부 사이트를 의미합니다.