Video.js를 사용하여 동영상 재생 중에 플레이어에 자막 토글 버튼을 추가하는 방법은 아래와 같습니다:

1. Video.js 라이브러리를 프로젝트에 추가합니다.

   <link href="//vjs.zencdn.net/7.11.4/video-js.min.css" rel="stylesheet">
   <script src="//vjs.zencdn.net/7.11.4/video.min.js"></script>
   

2. 플레이어를 생성하고 동영상을 설정합니다.

   <video id="my-video" class="video-js vjs-default-skin" controls preload="auto" width="640" height="264">
       <source src="video.mp4" type="video/mp4">
       <track kind="captions" src="subtitles.vtt" srclang="en" label="English" default>
   </video>
   
   <script>
       var player = videojs('my-video');
   </script>
   

3. 플레이어에 자막 토글 버튼을 추가합니다.

   <script>
       var player = videojs('my-video');
       var subtitlesButton = player.controlBar.addChild('button', {
           text: '자막',
           click: function() {
               player.toggleCaptions();
           }
       });
   </script>
   

   자막 토글 버튼을 추가한 후에 click 이벤트 핸들러에서 toggleCaptions() 메서드를 호출하여 자막을 토글합니다.

이제 동영상을 재생할 때 플레이어 위에 “자막” 버튼이 나타나고, 클릭할 때마다 자막이 표시되거나 숨겨집니다.

더 자세한 내용 및 Video.js의 다른 기능을 알아보려면 Video.js 공식 문서를 참고하세요.