HTML5视频:如何关闭字幕

<video controls>
  <source src="video.mp4" type="video/mp4">
  <track kind="subtitles" src="subtitles.vtt" srclang="en" label="English" default>
</video>

<button onclick="disableSubtitles()">关闭字幕</button>

<script>
function disableSubtitles() {
  var video = document.querySelector('video');
  var track = video.querySelector('track');
  track.mode = 'disabled';
}
</script>

<video id="video" controls>
  <source src="video.mp4" type="video/mp4">
  <track id="subtitles" kind="subtitles" src="subtitles.vtt" srclang="en" label="English" default>
</video>

<button onclick="toggleSubtitles()">关闭字幕</button>

<script>
function toggleSubtitles() {
  var video = document.getElementById('video');
  var subtitles = document.getElementById('subtitles');
  if (subtitles.style.display === 'none') {
    subtitles.style.display = 'block';
  } else {
    subtitles.style.display = 'none';
  }
}
</script>