https://redcross.vg/wp-content/plugins/brc-wordpress-plugin/src/video-block-player.js?ver=1.0.0

1(() => {
2
3  const videoPlayers = document.querySelectorAll('.video-block__video-player');
4  
5  videoPlayers.forEach(player => {
6    const plyrElement = player.querySelector('[data-plyr-embed-id]');
7    const playButton = player.querySelector('.video-block__button');
8    const isMuted = player.classList.contains('is-muted');
9    const isAutoPlay = player.classList.contains('is-autoplay');
10    const isLooped = player.classList.contains('is-looped');
11    const plyrInstance = new Plyr(plyrElement, {
12      controls: [
13        'play',
14        'progress',
15        'current-time',
16        'mute',
17        'volume',
18        'fullscreen'
19      ],
20      settings: [],
21      tooltips: {
22        seek: false,
23      },
24      invertTime: false,
25      youtube: {
26        noCookie: true,
27      },
28      autoplay: isAutoPlay,
29      muted: isMuted,
30      loop: { active: isLooped },
31    });
32
33    playButton.addEventListener('click', () => {
34      plyrInstance.play();
35      player.classList.add('video-is-playing');
36    });
37
38    plyrInstance.on('ready', () => player.classList.add('video-is-loaded'));
39    plyrInstance.on('ended', () => player.classList.remove('video-is-playing'));
40  });
41})();