Debug

_includes/head.html

@@ -80,12 +80,15 @@
 import '/assets/js/vendor/vidstack-player/vidstack.js';
 
 const pageLog = text => {
- if (window.location.pathname !== '/ru/video-test/') return;
- const p = document.createElement('p');
- p.textContent = text;
- p.style.color = 'green'
- p.style.fontWeight = '800';
- document.body.appendChild(p);
+ if (window.location.pathname === '/ru/video-test/') {
+  const p = document.createElement('p');
+  p.textContent = text;
+  p.style.color = 'green'
+  p.style.fontWeight = '800';
+  document.body.appendChild(p);
+ } else {
+  console.log(text);
+ }
 };
 
 const codecSupported = codec =>
@@ -322,17 +325,11 @@
    });
   }
 
-  player.addEventListener('stalled', event => {
-   pageLog('stalled');
-  });
-
-  player.addEventListener('suspend', event => {
-   pageLog('suspend');
-  });
-
-  player.addEventListener('waiting', event => {
-   pageLog('waiting');
-  });
+  for (const i of ['abort', 'audio-gain-change', 'audio-track-change', 'audio-tracks-change', 'auto-play', 'auto-play-change', 'auto-play-fail', 'can-load', 'can-load-poster', 'can-play', 'can-play-through', 'controls-change', 'destroy', 'duration-change', 'emptied', 'end', 'ended', 'error', 'fullscreen-change', 'fullscreen-error', 'live-change', 'live-edge-change', 'load-start', 'loaded-data', 'loaded-metadata', 'loop-change', 'media-airplay-request', 'media-audio-gain-change-request', 'media-audio-track-change-request', 'media-clip-end-change-request', 'media-clip-start-change-request', 'media-duration-change-request', 'media-enter-fullscreen-request', 'media-enter-pip-request', 'media-exit-fullscreen-request', 'media-exit-pip-request', 'media-google-cast-request', 'media-live-edge-request', 'media-mute-request', 'media-orientation-lock-request', 'media-orientation-unlock-request', 'media-pause-controls-request', 'media-pause-request', 'media-play-request', 'media-player-connect', 'media-poster-start-loading', 'media-quality-change-request', 'media-rate-change-request', 'media-resume-controls-request', 'media-seek-request', 'media-seeking-request', 'media-start-loading', 'media-text-track-change-request', 'media-type-change', 'media-unmute-request', 'media-user-loop-change-request', 'media-volume-change-request', 'orientation-change', 'pause', 'picture-in-picture-change', 'picture-in-picture-error', 'play', 'play-fail', 'playing', 'plays-inline-change', 'poster-change', 'progress', 'provider-change', 'provider-loader-change', 'provider-setup', 'qualities-change', 'quality-change', 'rate-change', 'remote-playback-change', 'replay', 'seeked', 'seeking', 'stalled', 'started', 'stream-type-change', 'suspend', 'text-track-change', 'text-tracks-change', 'title-change', 'vds-log', 'video-presentation-change', 'view-type-change', 'volume-change']) {
+   player.addEventListener(i, event => {
+    pageLog(i);
+   });
+  }
 
   player.addEventListener('source-change', event => {
    pageLog('source-change' + JSON.stringify(event.detail));