1. Video.js 라이브러리와 CSS 스타일 시트를 웹 페이지에 추가합니다: ```html

2. 동영상 요소를 HTML에서 생성합니다:
```html
<video id="my-video" class="video-js vjs-default-skin" controls preload="auto" width="640" height="264">
  <source src="video.mp4" type="video/mp4">
  <!-- 다른 형식의 동영상 파일도 지원 가능 -->
</video>

1. JavaScript 코드를 사용하여 Video.js 인스턴스를 생성하고 음소거 토글 버튼을 추가합니다: ```javascript

// 음소거 토글 버튼 추가 var muteButton = player.controlBar.addChild(‘button’, { className: ‘vjs-mute-control vjs-control’, text: ‘Mute’ });

muteButton.on(‘click’, function() { if (player.muted()) { player.muted(false); muteButton.removeClass(‘vjs-vol-muted’); muteButton.el().innerHTML = ‘Mute’; } else { player.muted(true); muteButton.addClass(‘vjs-vol-muted’); muteButton.el().innerHTML = ‘Unmute’; } }); </script> ```

위 코드는 Video.js를 사용하여 플레이어에 음소거 토글 버튼을 추가하는 방법을 보여줍니다. 이 코드를 사용하면 동영상 플레이어의 음소거 상태를 토글할 수 있습니다. vjs-mute-control 클래스를 사용하여 버튼의 스타일을 지정하고, ‘Mute’ 또는 ‘Unmute’ 텍스트를 버튼에 추가합니다. 클릭 이벤트 처리기를 사용하여 버튼을 클릭할 때마다 음소거 상태를 변경하고, 버튼의 텍스트와 스타일을 업데이트합니다.