From 0754bb1a7f3fb63996132d071b6b8fdc5863122a Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Tue, 28 Apr 2020 13:38:42 -0400
Subject: [PATCH] hide double video controls on ios

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

diff --git a/ui/component/viewers/videoViewer/internal/videojs.jsx b/ui/component/viewers/videoViewer/internal/videojs.jsx
index 374a49431..2588d7288 100644
--- a/ui/component/viewers/videoViewer/internal/videojs.jsx
+++ b/ui/component/viewers/videoViewer/internal/videojs.jsx
@@ -120,6 +120,7 @@ export default React.memo(function VideoJs(props: Props) {
       wrapper.setAttribute('data-vjs-player', true);
       const el = document.createElement(isAudio ? 'audio' : 'video');
       el.className = 'video-js';
+      el.playsinline = true;
       wrapper.appendChild(el);
       containerRef.current.appendChild(wrapper);
 
diff --git a/ui/scss/component/_file-render.scss b/ui/scss/component/_file-render.scss
index 3039ee772..7ae742b3d 100644
--- a/ui/scss/component/_file-render.scss
+++ b/ui/scss/component/_file-render.scss
@@ -315,12 +315,6 @@
       display: flex;
     }
   }
-
-  // Hide video controls on safari to prevent displaying two sets of controls
-  // Apple has their own controls for all devices
-  video::-webkit-media-controls-panel-container {
-    display: none !important;
-  }
 }
 
 .file-viewer--ended-embed .vjs-big-play-button {