https://careers.ccs.spokane.edu/assets/sites/track_video-5f9b9f10.js

1import VideoBeacon from 'sites/beacons/video_beacon'
2import videojs from 'video.js'
3
4// Before converting this to Stimulus, get rid of the data-setup in the video tag code, otherwise there is a race condition
5// between video.js and Stimulus controllers.
6
7document.addEventListener('clinch:document_ready', () => {
8  for (const element of document.querySelectorAll('.clinch-video-player[data-setup]')) {
9    videojs(element).ready(function () {
10      this.bigPlayButton.on('click', function () {
11        new VideoBeacon().track(element.dataset.blockUid, element.dataset.videoUid)
12      });
13
14      this.on('timeupdate', function () {
15        document.dispatchEvent(new CustomEvent('clinch:video:timestamp', {
16          detail: {
17            blockId: element.dataset.blockUid,
18            videoId: element.dataset.videoUid,
19            timestamp: this.currentTime(),
20            duration: this.duration()
21          }
22        }))
23      })
24    })
25  }
26})