Merge pull request justadudewhohacks#351 from leo-chaoliu/master

justadudewhohacks · web-flow · commit 514c0ec2c419 · 2019-07-16T19:58:46.000+02:00
fix video not showing on iOS Safari by playsinline
diff --git a/examples/examples-browser/views/videoFaceTracking.html b/examples/examples-browser/views/videoFaceTracking.html
@@ -17,7 +17,7 @@
       <div class="indeterminate"></div>
     </div>
     <div style="position: relative" class="margin">
-      <video src="bbt.mp4" id="inputVideo" autoplay muted loop></video>
+      <video src="bbt.mp4" id="inputVideo" autoplay muted loop playsinline></video>
       <canvas id="overlay" />
     </div>
 
diff --git a/examples/examples-browser/views/webcamAgeAndGenderRecognition.html b/examples/examples-browser/views/webcamAgeAndGenderRecognition.html
@@ -17,7 +17,7 @@
       <div class="indeterminate"></div>
     </div>
     <div style="position: relative" class="margin">
-      <video onloadedmetadata="onPlay(this)" id="inputVideo" autoplay muted></video>
+      <video onloadedmetadata="onPlay(this)" id="inputVideo" autoplay muted playsinline></video>
       <canvas id="overlay" />
     </div>
 
diff --git a/examples/examples-browser/views/webcamFaceDetection.html b/examples/examples-browser/views/webcamFaceDetection.html
@@ -17,7 +17,7 @@
       <div class="indeterminate"></div>
     </div>
     <div style="position: relative" class="margin">
-      <video onloadedmetadata="onPlay(this)" id="inputVideo" autoplay muted></video>
+      <video onloadedmetadata="onPlay(this)" id="inputVideo" autoplay muted playsinline></video>
       <canvas id="overlay" />
     </div>
 
diff --git a/examples/examples-browser/views/webcamFaceExpressionRecognition.html b/examples/examples-browser/views/webcamFaceExpressionRecognition.html
@@ -17,7 +17,7 @@
       <div class="indeterminate"></div>
     </div>
     <div style="position: relative" class="margin">
-      <video onloadedmetadata="onPlay(this)" id="inputVideo" autoplay muted></video>
+      <video onloadedmetadata="onPlay(this)" id="inputVideo" autoplay muted playsinline></video>
       <canvas id="overlay" />
     </div>
 
diff --git a/examples/examples-browser/views/webcamFaceLandmarkDetection.html b/examples/examples-browser/views/webcamFaceLandmarkDetection.html
@@ -17,7 +17,7 @@
       <div class="indeterminate"></div>
     </div>
     <div style="position: relative" class="margin">
-      <video onloadedmetadata="onPlay(this)" id="inputVideo" autoplay muted></video>
+      <video onloadedmetadata="onPlay(this)" id="inputVideo" autoplay muted playsinline></video>
       <canvas id="overlay" />
     </div>
 
