Update video tag property for iphone devices

2025-03-14 19:36:14 +03:30
parent e7ad8f5b25
commit a9aa7a0308
3 changed files with 8 additions and 0 deletions
@@ -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">
@@ -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%]"
                        />
@@ -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