From e4352e5becdc87af2ea9003019bd2a5b1a5a870f Mon Sep 17 00:00:00 2001
From: simon <simobilleter@gmail.com>
Date: Wed, 20 Oct 2021 20:49:20 +0700
Subject: [PATCH] playsinline fix for mobile safari

---
 tubearchivist/home/templates/home/video.html | 2 +-
 tubearchivist/static/script.js               | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/tubearchivist/home/templates/home/video.html b/tubearchivist/home/templates/home/video.html
index 03a2faa4..4ecd0701 100644
--- a/tubearchivist/home/templates/home/video.html
+++ b/tubearchivist/home/templates/home/video.html
@@ -9,7 +9,7 @@
     <video 
         src="/media/{{ video.media_url }}" 
         poster="/cache/{{ video.vid_thumb_url }}" controls preload="false" 
-        type='video/mp4' width="100%">
+        type='video/mp4' width="100%" playsinline>
     </video>
 </div>
 <div class="info-box info-box-3 padding-box">
diff --git a/tubearchivist/static/script.js b/tubearchivist/static/script.js
index efeed9d6..2c8061be 100644
--- a/tubearchivist/static/script.js
+++ b/tubearchivist/static/script.js
@@ -230,6 +230,7 @@ function createPlayer(button) {
     videoPlayer.setAttribute('controls', true);
     videoPlayer.setAttribute('autoplay', true);
     videoPlayer.setAttribute('width', '100%');
+    videoPlayer.setAttribute('playsinline', true);
     videoPlayer.setAttribute('poster', mediaThumb);
     playerElement.appendChild(videoPlayer);
     // title bar