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