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 {