From 8ed489c264981bc584b8e6bf6616e7f50b43812b Mon Sep 17 00:00:00 2001
From: Noah Petherbridge <root@kirsle.net>
Date: Sun, 19 May 2024 14:08:17 -0700
Subject: [PATCH] iOS playsinline attribute for video tags

Prevent videos from automatically full-screening on autoplay by using
the iOS 10+ playsinline attribute.
---
 web/templates/account/dashboard.html | 2 +-
 web/templates/forum/thread.html      | 2 +-
 web/templates/photo/delete.html      | 2 +-
 web/templates/photo/gallery.html     | 4 ++--
 web/templates/photo/permalink.html   | 2 +-
 web/templates/photo/upload.html      | 2 +-
 6 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/web/templates/account/dashboard.html b/web/templates/account/dashboard.html
index d528b2c..a9173ca 100644
--- a/web/templates/account/dashboard.html
+++ b/web/templates/account/dashboard.html
@@ -661,7 +661,7 @@
                                             <div class="column is-one-quarter is-clipped">
                                                 <!-- GIF video? -->
                                                 {{if HasSuffix $Body.Photo.Filename ".mp4"}}
-                                                <video loop controls controlsList="nodownload"
+                                                <video loop controls controlsList="nodownload" playsinline
                                                     {{if $Body.Photo.AltText}}title="{{$Body.Photo.AltText}}"{{end}}
                                                     {{if BlurExplicit $Body.Photo}}class="blurred-explicit"
                                                     {{else if (not (eq ($Root.CurrentUser.GetProfileField "autoplay_gif") "false"))}}autoplay
diff --git a/web/templates/forum/thread.html b/web/templates/forum/thread.html
index 2de118a..596dce1 100644
--- a/web/templates/forum/thread.html
+++ b/web/templates/forum/thread.html
@@ -213,7 +213,7 @@
                         {{else}}
                             <!-- GIF video? -->
                             {{if HasSuffix .Filename ".mp4"}}
-                            <video autoplay loop controls controlsList="nodownload">
+                            <video autoplay loop controls controlsList="nodownload" playsinline>
                                 <source src="{{PhotoURL .Filename}}" type="video/mp4">
                             </video>
                             {{else}}
diff --git a/web/templates/photo/delete.html b/web/templates/photo/delete.html
index 3f1c407..bf208a7 100644
--- a/web/templates/photo/delete.html
+++ b/web/templates/photo/delete.html
@@ -30,7 +30,7 @@
                             <div class="image block">
                                 <!-- GIF video? -->
                                 {{if HasSuffix .Photo.Filename ".mp4"}}
-                                <video autoplay loop controls controlsList="nodownload">
+                                <video autoplay loop controls controlsList="nodownload" playsinline>
                                     <source src="{{PhotoURL .Photo.Filename}}" type="video/mp4">
                                 </video>
                                 {{else}}
diff --git a/web/templates/photo/gallery.html b/web/templates/photo/gallery.html
index 61b90aa..4c637c7 100644
--- a/web/templates/photo/gallery.html
+++ b/web/templates/photo/gallery.html
@@ -562,7 +562,7 @@
                     <div class="card-image has-text-centered is-clipped">
                         <!-- GIF video? -->
                         {{if HasSuffix .Filename ".mp4"}}
-                        <video loop controls controlsList="nodownload"
+                        <video loop controls controlsList="nodownload" playsinline
                             {{if .AltText}}title="{{.AltText}}"{{end}}
                             {{if BlurExplicit .}}class="blurred-explicit"
                             {{else if (not (eq ($Root.CurrentUser.GetProfileField "autoplay_gif") "false"))}}autoplay
@@ -689,7 +689,7 @@
                             <div class="card-image has-text-centered is-clipped">
                                 <!-- GIF video? -->
                                 {{if HasSuffix .Filename ".mp4"}}
-                                <video loop controls controlsList="nodownload"
+                                <video loop controls controlsList="nodownload" playsinline
                                     {{if .AltText}}title="{{.AltText}}"{{end}}
                                     {{if BlurExplicit .}}class="blurred-explicit"
                                     {{else if (not (eq ($Root.CurrentUser.GetProfileField "autoplay_gif") "false"))}}autoplay
diff --git a/web/templates/photo/permalink.html b/web/templates/photo/permalink.html
index bc62d03..cccefd5 100644
--- a/web/templates/photo/permalink.html
+++ b/web/templates/photo/permalink.html
@@ -71,7 +71,7 @@
             <div class="card-image has-text-centered is-clipped">
                 <!-- GIF video? -->
                 {{if HasSuffix .Photo.Filename ".mp4"}}
-                <video loop controls controlsList="nodownload"
+                <video loop controls controlsList="nodownload" playsinline
                     {{if .Photo.AltText}}title="{{.Photo.AltText}}"{{end}}
                     {{if BlurExplicit .Photo}}class="blurred-explicit"
                     {{else if (not (eq ($Root.CurrentUser.GetProfileField "autoplay_gif") "false"))}}autoplay
diff --git a/web/templates/photo/upload.html b/web/templates/photo/upload.html
index 3eeb568..02c7fa8 100644
--- a/web/templates/photo/upload.html
+++ b/web/templates/photo/upload.html
@@ -184,7 +184,7 @@
                         <div class="card-content">
                             <figure id="editphoto-preview" class="image block">
                                 {{if HasSuffix .EditPhoto.Filename ".mp4"}}
-                                <video autoplay loop controls controlsList="nodownload">
+                                <video autoplay loop controls controlsList="nodownload" playsinline>
                                     <source src="{{PhotoURL .EditPhoto.Filename}}" type="video/mp4">
                                 </video>
                                 {{else}}