Move player js to player.js. Update offline video clip.

webroot/index.html

@@ -8,10 +8,9 @@
   <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet" />
   <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  
-  <!-- unpkg : use the latest version of Video.js -->
-  <link href="//unpkg.com/video.js/dist/video-js.min.css" rel="stylesheet">
+  <link href="https://vjs.zencdn.net/7.8.2/video-js.css" rel="stylesheet">
   <link href="https://unpkg.com/@videojs/themes@1/dist/fantasy/index.css" rel="stylesheet" />
-  <script src="//unpkg.com/video.js/dist/video.min.js"></script>
+  <script src="//vjs.zencdn.net/7.8.2/video.js"></script>
 
   <script src="vendor/autolink.js"></script>
   <link href="./styles/layout.css" rel="stylesheet" />
@@ -73,7 +72,7 @@ GW TODO:
           playsinline
           muted
           poster="/thumbnail.png"
-          data-setup='{}'
+          data-setup='{"vhs": { "enableLowInitialPlaylist": true, "smoothQualityChange": true, "handlePartialData": true }}'
         >
           <source src="hls/stream.m3u8" type="application/x-mpegURL"/>
         </video>
@@ -156,12 +155,12 @@ GW TODO:
     </div>
   </main>
 
+  <script src="js/player/player.js"></script>
   <script src="js/usercolors.js"></script>
   <script src="js/config.js"></script>
   <script src="js/utils.js"></script>
   <script src="js/message.js"></script>
   <script src="js/app.js"></script>
   <script src="js/player/airplay.js"></script>
-
 </body>
 </html>