[javascript] Video.js를 사용하여 동영상 재생 중에 플레이어 외부 링크 제공하는 방법은 무엇인가요?

Video.js는 재생 중인 동영상 플레이어의 외부 링크를 제공하는 기능을 제공합니다. 이를 통해 사용자가 재생 중인 동영상과 관련된 추가 정보를 제공하거나 다른 웹페이지로 이동할 수 있습니다.

플레이어 외부 링크를 추가하는 방법은 다음과 같습니다:

  1. 플레이어 객체를 생성합니다.
    var player = videojs('my-video');
    
  2. 외부 링크를 추가할 수 있는 버튼을 생성합니다.
    var externalLinkButton = player.controlBar.addChild('button', {
     text: '외부 링크',
     // 외부 링크를 클릭하는 동작을 정의합니다.
     handleClick: function() {
         window.open('https://www.example.com', '_blank');
     }
    });
    
  3. 생성한 버튼을 플레이어 컨트롤바에 추가합니다.
    player.controlBar.el().appendChild(externalLinkButton.el());
    

위의 코드를 사용하면, 플레이어에 “외부 링크”라는 텍스트를 가진 버튼이 추가됩니다. 버튼을 클릭하면 window.open 메소드를 사용하여 새로운 창에서 외부 링크를 엽니다. '_blank' 매개변수는 새로운 창에 링크를 열도록 지정합니다.

이와 같이 Video.js를 사용하여 동영상 재생 중에 플레이어 외부 링크를 추가할 수 있습니다.

참고 자료: