add mobile player and fullscreen support for iOS

web/src/components/VideoPlayer.jsx

@@ -1,5 +1,6 @@
 import { h, Component } from 'preact';
 import videojs from 'video.js';
+import 'videojs-mobile-ui';
 import 'videojs-playlist';
 import 'videojs-seek-buttons';
 import 'video.js/dist/video-js.css';
@@ -25,6 +26,11 @@ export default class VideoPlayer extends Component {
       forward: 30,
       back: 10,
     });
+    this.player.mobileUi({
+      fullscreen: {
+        iOS: true,
+      },
+    });
   }
 
   componentWillUnmount() {

web/src/index.css

@@ -25,3 +25,7 @@
     transform: rotate(360deg);
   }
 }
+
+.video-js.vjs-has-started .vjs-touch-overlay {
+  display: none;
+}