From ebf217057d9908e80344a94657468504639fc8c5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?David=20N=C3=A9grier?= <d.negrier@thecodingmachine.com>
Date: Thu, 3 Jun 2021 14:31:21 +0200
Subject: [PATCH] Switching to "playsinline" attribute in the video tag (both
 of them)

---
 .../src/Components/EnableCamera/EnableCameraScene.svelte  | 8 +++-----
 front/src/Components/MyCamera.svelte                      | 2 +-
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/front/src/Components/EnableCamera/EnableCameraScene.svelte b/front/src/Components/EnableCamera/EnableCameraScene.svelte
index 07c45d26..537e8bdb 100644
--- a/front/src/Components/EnableCamera/EnableCameraScene.svelte
+++ b/front/src/Components/EnableCamera/EnableCameraScene.svelte
@@ -1,6 +1,6 @@
 <script lang="typescript">
     import {Game} from "../../Phaser/Game/Game";
-    import {EnableCameraSceneName} from "../../Phaser/Login/EnableCameraScene";
+    import {EnableCameraScene, EnableCameraSceneName} from "../../Phaser/Login/EnableCameraScene";
     import {
         audioConstraintStore,
         cameraListStore,
@@ -18,9 +18,7 @@
     let selectedCamera : string|null = null;
     let selectedMicrophone : string|null = null;
 
-    const enableCameraScene = game.scene.getScene(EnableCameraSceneName);
-    var video = document.getElementById("myCamVideoSetup");
-    video.setAttribute("playsinline", 'true');
+    const enableCameraScene = game.scene.getScene(EnableCameraSceneName) as EnableCameraScene;
 
     function submit() {
         enableCameraScene.login();
@@ -82,7 +80,7 @@
         <h2>Turn on your camera and microphone</h2>
     </section>
         {#if $localStreamStore.stream}
-            <video class="myCamVideoSetup" use:srcObject={$localStreamStore.stream} autoplay muted></video>
+            <video class="myCamVideoSetup" use:srcObject={$localStreamStore.stream} autoplay muted playsinline></video>
         {:else }
             <div class="webrtcsetup">
                 <img class="background-img" src={cinemaCloseImg} alt="">
diff --git a/front/src/Components/MyCamera.svelte b/front/src/Components/MyCamera.svelte
index 6e1e50ef..3ff88d89 100644
--- a/front/src/Components/MyCamera.svelte
+++ b/front/src/Components/MyCamera.svelte
@@ -38,7 +38,7 @@
 
 <div>
     <div class="video-container div-myCamVideo" class:hide={!$localStreamStore.constraints.video}>
-        <video class="myCamVideo" use:srcObject={$localStreamStore.stream} autoplay muted></video>
+        <video class="myCamVideo" use:srcObject={$localStreamStore.stream} autoplay muted playsinline></video>
         <!-- {#if stream}
         <SoundMeterWidget stream={stream}></SoundMeterWidget>
         {/if} -->