Add player controls on mobile

1 files changed, 4 insertions, 0 deletions

diff --git a/client/src/assets/player/bezels/pause-bezel.ts b/client/src/assets/player/bezels/pause-bezel.ts
index 886574380..315964311 100644
--- a/client/src/assets/player/bezels/pause-bezel.ts
+++ b/client/src/assets/player/bezels/pause-bezel.ts
@@ -1,4 +1,5 @@
 import videojs from 'video.js'
+import { isMobile } from '../utils'
 
 function getPauseBezel () {
   return `
@@ -37,6 +38,9 @@ class PauseBezel extends Component {
   constructor (player: videojs.Player, options?: videojs.ComponentOptions) {
     super(player, options)
 
+    // Hide bezels on mobile since we already have our mobile overlay
+    if (isMobile()) return
+
     player.on('pause', (_: any) => {
       if (player.seeking() || player.ended()) return
       this.container.innerHTML = getPauseBezel()