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

modules/UI/videolayout/SmallVideo.js

@@ -189,6 +189,7 @@ export default class SmallVideo {
 
         if (isVideo) {
             element.setAttribute('muted', 'true');
+            element.setAttribute('playsInline', 'true'); /* for Safari on iOS to work */
         } else if (config.startSilent) {
             element.muted = true;
         }

react/features/large-video/components/LargeVideo.web.js

@@ -63,7 +63,8 @@ class LargeVideo extends Component<Props> {
                         <video
                             autoPlay = { !this.props._noAutoPlayVideo }
                             id = 'largeVideo'
-                            muted = { true } />
+                            muted = { true }
+                            playsInline = { true } /* for Safari on iOS to work */ />
                     </div>
                 </div>
                 { interfaceConfig.DISABLE_TRANSCRIPTION_SUBTITLES