hide double video controls on ios
This commit is contained in:
parent
04ee4afdc2
commit
0754bb1a7f
2 changed files with 1 additions and 6 deletions
|
@ -120,6 +120,7 @@ export default React.memo(function VideoJs(props: Props) {
|
||||||
wrapper.setAttribute('data-vjs-player', true);
|
wrapper.setAttribute('data-vjs-player', true);
|
||||||
const el = document.createElement(isAudio ? 'audio' : 'video');
|
const el = document.createElement(isAudio ? 'audio' : 'video');
|
||||||
el.className = 'video-js';
|
el.className = 'video-js';
|
||||||
|
el.playsinline = true;
|
||||||
wrapper.appendChild(el);
|
wrapper.appendChild(el);
|
||||||
containerRef.current.appendChild(wrapper);
|
containerRef.current.appendChild(wrapper);
|
||||||
|
|
||||||
|
|
|
@ -315,12 +315,6 @@
|
||||||
display: flex;
|
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 {
|
.file-viewer--ended-embed .vjs-big-play-button {
|
||||||
|
|
Loading…
Add table
Reference in a new issue