From eef218a807acdbdf0a7ad371a33c1214b786ae43 Mon Sep 17 00:00:00 2001
From: Anthony <contact@anthonymayfield.com>
Date: Fri, 4 Jun 2021 18:14:11 +0200
Subject: [PATCH] use video js viewer for ios and add playsinline

---
 ui/component/viewers/videoViewer/internal/videojs.jsx | 3 +++
 ui/scss/component/_file-render.scss                   | 6 ------
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/ui/component/viewers/videoViewer/internal/videojs.jsx b/ui/component/viewers/videoViewer/internal/videojs.jsx
index 2f1ed5373..c657d8fa4 100644
--- a/ui/component/viewers/videoViewer/internal/videojs.jsx
+++ b/ui/component/viewers/videoViewer/internal/videojs.jsx
@@ -578,6 +578,9 @@ export default React.memo<Props>(function VideoJs(props: Props) {
         type: type,
       });
 
+      // set playsinline for mobile
+      player.children_[0].setAttribute('playsinline', '');
+
       // Add quality selector to player
       player.hlsQualitySelector({
         displayCurrentQuality: true,
diff --git a/ui/scss/component/_file-render.scss b/ui/scss/component/_file-render.scss
index 4a089d7ee..5918fe5b8 100644
--- a/ui/scss/component/_file-render.scss
+++ b/ui/scss/component/_file-render.scss
@@ -348,12 +348,6 @@
   width: 100%;
 }
 
-.video-js-parent--ios {
-  .vjs-control-bar {
-    display: none;
-  }
-}
-
 // By default no video js play button
 .vjs-big-play-button {
   display: none;