From a9aa7a03089bd0d84ad5f08ecffb807ef6386e7c Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Fri, 14 Mar 2025 19:36:14 +0330
Subject: [PATCH] Update video tag property for iphone devices

---
 frontend/components/global/Footer.vue        | 2 ++
 frontend/components/home/Preview.vue         | 4 ++++
 frontend/components/product/ProductVideo.vue | 2 ++
 3 files changed, 8 insertions(+)

diff --git a/frontend/components/global/Footer.vue b/frontend/components/global/Footer.vue
index fa25607..2a5c925 100644
--- a/frontend/components/global/Footer.vue
+++ b/frontend/components/global/Footer.vue
@@ -11,6 +11,8 @@
                     autoplay
                     muted
                     loop
+                    playsinline
+                    webkit-playsinline
                     class="size-[150px] lg:size-[220px] rounded-full"
                 />
                 <span class="font-bold text-2xl lg:text-5xl text-gradient bg-gradient-to-l from-blue-500 to-blue-700">
diff --git a/frontend/components/home/Preview.vue b/frontend/components/home/Preview.vue
index a82bf06..e2fdae1 100644
--- a/frontend/components/home/Preview.vue
+++ b/frontend/components/home/Preview.vue
@@ -69,6 +69,8 @@ watch(
                         v-else
                         autoplay
                         muted
+                        playsinline
+                        webkit-playsinline
                         src="/video/vid-3.mp4"
                         class="select-none absolute size-full object-cover brightness-[95%]"
                     />
@@ -86,6 +88,8 @@ watch(
                             v-else
                             autoplay
                             muted
+                            playsinline
+                            webkit-playsinline
                             src="/video/vid-3.mp4"
                             class="overlay-image select-none absolute object-cover size-full brightness-[95%]"
                         />
diff --git a/frontend/components/product/ProductVideo.vue b/frontend/components/product/ProductVideo.vue
index 614579b..1570b04 100644
--- a/frontend/components/product/ProductVideo.vue
+++ b/frontend/components/product/ProductVideo.vue
@@ -21,6 +21,8 @@ const { selectedVariant } = inject("productVariant") as ProductVariantProvideTyp
         <video
             :src="selectedVariant.video"
             class="object-cover absolute size-full"
+            playsinline
+            webkit-playsinline
             muted
             autoplay
             loop