From 4f493c6906530d03b97c056e23f0d30496c42cde Mon Sep 17 00:00:00 2001
From: Max Goodhart <c@chromakode.com>
Date: Mon, 9 Nov 2020 17:00:36 -0800
Subject: [PATCH] Work around bug waiting for Twitch playback start

---
 src/browser/mediaPreload.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/browser/mediaPreload.js b/src/browser/mediaPreload.js
index 60d51ef..f444932 100644
--- a/src/browser/mediaPreload.js
+++ b/src/browser/mediaPreload.js
@@ -209,15 +209,16 @@ async function findVideo(kind) {
     document.body.appendChild(video)
   }
 
+  video.play()
+
   if (!video.videoWidth) {
+    // TODO: figure out why 'playing' event doesn't fire on Twitch when video offscreen
     const videoReady = new Promise((resolve) =>
-      video.addEventListener('canplay', resolve, { once: true }),
+      video.addEventListener('play', resolve, { once: true }),
     )
     await videoReady
   }
 
-  video.play()
-
   const info = {
     title: document.title,
   }