https://www.vistra.com/themes/custom/vistra2024/components/base/video/video.js?tm819w

1document.querySelectorAll('[data-component-id="vistra2024:video"]').forEach(wrapper => {
2  const video = wrapper.querySelector('video');
3  const button = wrapper.querySelector('.video-play-button');
4
5  if (!video || !button) return;
6  
7  if (video.autoplay || video.hasAttribute('autoplay')) {
8    button.style.opacity = 0;
9  }
10
11  button.style.transition = '0.3s';
12
13  button.addEventListener('click', () => {
14    if (video.paused) {
15      video.play();
16      button.style.opacity = 0;
17    } else {
18      video.pause();
19      button.style.opacity = 1;
20    }
21  });
22
23  // Click directly on the video to toggle pause/play
24  video.addEventListener('click', () => {
25    if (video.paused) {
26      video.play();
27      button.style.opacity = 0;
28    } else {
29      video.pause();
30      button.style.opacity = 1;
31    }
32  });
33
34  video.addEventListener('ended', () => {
35    button.style.opacity = 1;
36  });
37});