fix(safari): set playsInline attribute to true on the video element
The playsInline attribute needs to be set to true for video to be rendered on Safari on iOS
This commit is contained in:
parent
d632b6e13e
commit
b7eda8df7a
|
@ -189,6 +189,7 @@ export default class SmallVideo {
|
||||||
|
|
||||||
if (isVideo) {
|
if (isVideo) {
|
||||||
element.setAttribute('muted', 'true');
|
element.setAttribute('muted', 'true');
|
||||||
|
element.setAttribute('playsInline', 'true'); /* for Safari on iOS to work */
|
||||||
} else if (config.startSilent) {
|
} else if (config.startSilent) {
|
||||||
element.muted = true;
|
element.muted = true;
|
||||||
}
|
}
|
||||||
|
|
|
@ -63,7 +63,8 @@ class LargeVideo extends Component<Props> {
|
||||||
<video
|
<video
|
||||||
autoPlay = { !this.props._noAutoPlayVideo }
|
autoPlay = { !this.props._noAutoPlayVideo }
|
||||||
id = 'largeVideo'
|
id = 'largeVideo'
|
||||||
muted = { true } />
|
muted = { true }
|
||||||
|
playsInline = { true } /* for Safari on iOS to work */ />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{ interfaceConfig.DISABLE_TRANSCRIPTION_SUBTITLES
|
{ interfaceConfig.DISABLE_TRANSCRIPTION_SUBTITLES
|
||||||
|
|
Loading…
Reference in New Issue