https://quatuor-esca.com/js/videos.js?ver=2.3

1var player = videojs('my-video-1', {
2  techOrder: ['youtube'],
3  sources: [{
4    type: 'video/youtube',
5    src: 'https://www.youtube.com/watch?v=DOUEptty_38&rel=0'
6  }],
7  youtube: {
8    controls: 0,
9    modestbranding: 1,
10    rel: 0,
11    showinfo: 0,
12  },
13  controls: true,
14  responsive: true,
15  fluid: true
16});
17const playButton1 = document.getElementById('play-video-1');
18const videoElement1 = document.getElementById('my-video-1');
19//const videoPlayer = videojs('esca-video')
20player.on('ended', function() {
21  if (videoElement1) {
22      videoElement1.style.transition = 'opacity 0.2s';
23      videoElement1.style.opacity = 0;
24      setTimeout(() => {
25          videoElement1.style.display = 'none';
26      }, 200);
27  }
28});
29
30player.on('play', function() {
31  player2.pause();
32  //videoPlayer.pause()
33});
34playButton1.addEventListener('click', function() {
35    player.play();
36    videoElement1.style.display = 'block';
37    videoElement1.style.opacity = 0;
38    videoElement1.style.transition = 'opacity 0.2s';
39    videoElement1.style.opacity = 1;
40    setTimeout(function() {
41      videoElement1.style.display = 'block';
42      videoElement1.style.opacity = 0;
43      videoElement1.style.pointerEvents = 'auto';
44      videoElement1.style.transition = 'opacity 0.2s';
45      videoElement1.style.opacity = 1;
46    }, 1);
47});
48var player2 = videojs('my-video-2', {
49  techOrder: ['youtube'],
50  sources: [{
51    type: 'video/youtube',
52    src: 'https://www.youtube.com/watch?v=D0wb2mMbouk'
53  }],
54  youtube: {
55    controls: 0,
56    modestbranding: 1,
57    rel: 0,
58    showinfo: 0,
59  },
60  controls: true,
61  responsive: true,
62  fluid: true
63});
64const playButton2 = document.getElementById('play-video-2');
65const videoElement2 = document.getElementById('my-video-2');
66player2.on('ended', function() {
67  if (videoElement1) {
68      videoElement2.style.transition = 'opacity 0.2s';
69      videoElement2.style.opacity = 0;
70
71      setTimeout(() => {
72          videoElement2.style.display = 'none';
73      }, 200);
74  }
75});
76player2.on('play', function() {
77  player.pause();
78  //videoPlayer.pause()
79});
80playButton2.addEventListener('click', function() {
81    player2.play();
82    videoElement2.style.display = 'block';
83    videoElement2.style.opacity = 0;
84    videoElement2.style.transition = 'opacity 0.2s';
85    videoElement2.style.opacity = 1;
86    setTimeout(function() {
87      videoElement2.style.display = 'block';
88      videoElement2.style.opacity = 0;
89      videoElement2.style.pointerEvents = 'auto';
90      videoElement2.style.transition = 'opacity 0.2s';
91      videoElement2.style.opacity = 1;
92    }, 1);
93});
94
95videoPlayer.on('play', function() {
96  player.pause();
97  player2.pause()
98});