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;