const cc = document.querySelector('.vjs-text-track-display');
const video = document.querySelector('video.vjs-tech');
const playButton = document.querySelector('.vjs-control-bar .vjs-play-control');

const isPlaying = () => Array.from(playButton.classList).includes('vjs-paused');

let play = isPlaying();
const toggleCC = () => {
  play = !play;
   cc.style.display = play ? 'none' : 'inherit';
}

const keyboardHandler = (event) => {
  if (event.keyCode === 32) toggleCC();
};


document.body.addEventListener('keydown', keyboardHandler);
video.addEventListener('click', toggleCC);
playButton.addEventListener('click', toggleCC);
toggleCC();