Rework how videojs is initialized

webroot/index.html

@@ -75,9 +75,7 @@ GW TODO:
             playsinline
             muted
             poster="/thumbnail.png"
-            data-setup='{}'
           >
-            <source src="hls/stream.m3u8" type="application/x-mpegURL"/>
           </video>
         </div>
 

webroot/js/player/player.js

@@ -1,16 +1,22 @@
+const streamURL = '/hls/stream.m3u8';
+// const streamURL = 'https://goth.land/hls/stream.m3u'; // Uncomment me to point to remote video
+
 // style hackings
 window.VIDEOJS_NO_DYNAMIC_STYLE = true;
 
-// Wait until the player is setup before we start polling status
+// Create the player for the first time
-const player = videojs('video');
+const player = videojs('video', null, function () {
-
-player.on('ready', function () {
-  console.log('Player ready.')
   getStatus();
   setInterval(getStatus, 5000);
   setupPlayerEventHandlers();
+
 })
 
+player.ready(function () {
+  console.log('Player ready.')
+  player.src({ type: 'application/x-mpegURL', src: streamURL });
+});
+
 function setupPlayerEventHandlers() {
   const player = videojs('video');