워드프레스 임베드 유튜브 영상 탐색 플럭인

유튜브 영상을 임베드할 때, 특정 시점에서 시작하도록 하는 방법은 있다. 그러나 유튜브 사이트 내에서처럼, 하나의 비디오를 특정 지점으로 탐색하는 기능은 기본으로 제공되지 않는다. 그래서 만들어 보았다. 예를 들어, 하나의 동영상을 걸고 그 목차를 만든다든지 할 때에 유용하게 쓰일 수 있을지도 모른다는 생각을 해보는 것 같기도 하다.



제이쿼리가 설치돼 있어야 한다. 제이쿼리는 현재 버전의 워드프레스 코어에 이미 설치돼 있다. 그러나 혹시 없다면... 설치하세요. (...) 플럭인 설치 방법은 다른 플럭인과 동일하다.

[seektube] 숏코드를 넣고, 탐색을 원하는 지점의 타임코드를 링크로 따로 넣어주면 작동한다. 아래의 예와 같다.

    [seektube id="vFEUrmIIbbM" time="0,5,10,15"]
    <ul>
       <li><a href="#" id="0">시작 지점</a></li>
       <li><a href="#" id="5">5초 지점</a></li>
       <li><a href="#" id="10">10초 지점</a></li>
       <li><a href="#" id="15">15초 지점</a></li>
    </ul>
seektube 숏코드의 id에 비디오의 ID를, time에 탐색을 원하는 지점의 타임코드를 입력한다. 타임코드의 단위는 초(sec)이며, 예를 들어 1분 30초는 90이 된다. 여러 개의 지점이라면 컴마로 구분해 입력한다. 링크의 id에 각 지점의 타임코드를 적어준다. 당연히, 숏코드에 입력한 것과 같은 지점이어야 한다. 링크를 클릭하면 비디오가 이동한다.

덧글

댓글 입력 영역


트위터위젯