diff --git a/openvidu-browser/src/OpenVidu/LocalRecorder.ts b/openvidu-browser/src/OpenVidu/LocalRecorder.ts index 2351b6fa..9cf3150a 100644 --- a/openvidu-browser/src/OpenVidu/LocalRecorder.ts +++ b/openvidu-browser/src/OpenVidu/LocalRecorder.ts @@ -217,7 +217,7 @@ export class LocalRecorder { this.videoPreview.autoplay = true; if (platform.isSafariBrowser()) { - this.videoPreview.setAttribute('playsinline', 'true'); + this.videoPreview.playsInline = true; } if (typeof parentElement === 'string') { diff --git a/openvidu-browser/src/OpenVidu/Publisher.ts b/openvidu-browser/src/OpenVidu/Publisher.ts index 1cacf10f..663356a2 100644 --- a/openvidu-browser/src/OpenVidu/Publisher.ts +++ b/openvidu-browser/src/OpenVidu/Publisher.ts @@ -746,7 +746,7 @@ export class Publisher extends StreamManager { this.videoReference.autoplay = true; this.videoReference.controls = false; if (platform.isSafariBrowser() || (platform.isIPhoneOrIPad() && (platform.isChromeMobileBrowser() || platform.isEdgeMobileBrowser() || platform.isOperaMobileBrowser() || platform.isFirefoxMobileBrowser()))) { - this.videoReference.setAttribute('playsinline', 'true'); + this.videoReference.playsInline = true; } this.stream.setMediaStream(mediaStream); if (!!this.firstVideoElement) { diff --git a/openvidu-browser/src/OpenVidu/StreamManager.ts b/openvidu-browser/src/OpenVidu/StreamManager.ts index 18037624..56b06f40 100644 --- a/openvidu-browser/src/OpenVidu/StreamManager.ts +++ b/openvidu-browser/src/OpenVidu/StreamManager.ts @@ -127,7 +127,7 @@ export abstract class StreamManager extends EventDispatcher { canplayListenerAdded: false }; if (platform.isSafariBrowser() || (platform.isIPhoneOrIPad() && (platform.isChromeMobileBrowser() || platform.isEdgeMobileBrowser() || platform.isOperaMobileBrowser() || platform.isFirefoxMobileBrowser()))) { - this.firstVideoElement.video.setAttribute('playsinline', 'true'); + this.firstVideoElement.video.playsInline = true; } this.targetElement = targEl; this.element = targEl; @@ -403,7 +403,7 @@ export abstract class StreamManager extends EventDispatcher { video.controls = false; if (platform.isSafariBrowser() || (platform.isIPhoneOrIPad() && (platform.isChromeMobileBrowser() || platform.isEdgeMobileBrowser() || platform.isOperaMobileBrowser() || platform.isFirefoxMobileBrowser()))) { - video.setAttribute('playsinline', 'true'); + video.playsInline = true; } if (!video.id) {