Improve IOS inline experience
Also puts back the video js player which has rate support - but it's hidden on smaller devices...maybe someone can fix later on.
This commit is contained in:
parent
734e08a209
commit
9b38ba6c02
1 changed files with 3 additions and 2 deletions
|
@ -53,7 +53,6 @@ const VIDEO_JS_OPTIONS: VideoJSOptions = {
|
|||
playbackRates: [0.25, 0.5, 0.75, 1, 1.1, 1.25, 1.5, 1.75, 2],
|
||||
responsive: true,
|
||||
controls: true,
|
||||
html5: { nativeControlsForTouch: IS_IOS },
|
||||
};
|
||||
|
||||
const F11_KEYCODE = 122;
|
||||
|
@ -94,6 +93,8 @@ export default React.memo<Props>(function VideoJs(props: Props) {
|
|||
autoplay: false,
|
||||
poster: poster, // thumb looks bad in app, and if autoplay, flashing poster is annoying
|
||||
plugins: { eventTracking: true },
|
||||
'webkit-playsinline': IS_IOS,
|
||||
playsinline: IS_IOS,
|
||||
};
|
||||
|
||||
videoJsOptions.muted = startMuted;
|
||||
|
@ -261,7 +262,7 @@ export default React.memo<Props>(function VideoJs(props: Props) {
|
|||
return (
|
||||
reload && (
|
||||
// $FlowFixMe
|
||||
<div className={classnames('video-js-parent', { 'video-js-parent--ios': IS_IOS })} ref={containerRef}>
|
||||
<div className={classnames('video-js-parent')} ref={containerRef}>
|
||||
<Button
|
||||
label={__('Tap to unmute')}
|
||||
button="link"
|
||||
|
|
Loading…
Reference in a new issue