добавление субтитров

Не могу понять, как будет работать баттон с релизацией субтитров на видео. Типа вкл и выкл субтитров на видео. Перепробовал методы, может я не так делаю.

Код на JS

let sub = document.querySelector('.buttonSub');
let video = document.querySelector('.video');
let textChange3 = document.querySelector('.changeText3');

sub.addEventListener("click", function() {
  if (video.textTracks.mode) {
    video.textTracks.mode = 'showing';
    textChange3.textContent = 'SUBTITLE';
  } else {
    video.textTracks.mode = 'hidden';
    textChange3.textContent = 'NO SUBTITLE';
  }
  }, false); 

Код на HTML

<video class="video" loop="" autoplay="" muted="" preload="auto">
      <source src="video/2Pac - Changes.mp4" type="video/mp4">
      <track kind="subtitles" label="English" srclang="en" src="video/2PacChanges1.vtt">
</video>

<div class="controls" data-state="hidden">
      <button class="btn buttonSub">
      <span class="changeText3">NO SUBTITLE</span>
      </button>
</div>