From 6ee457f8b3dbd809ac6cd317a46f792886c7ef40 Mon Sep 17 00:00:00 2001
From: Kevin Paxman <kpaxman@uwaterloo.ca>
Date: Tue, 5 Nov 2024 13:57:00 -0500
Subject: [PATCH] ISTWCMS-7197: add playsinline attribute to make video
autoplay work on mobile
---
src/patterns/04-components/card/card-elements/_banner.twig | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/patterns/04-components/card/card-elements/_banner.twig b/src/patterns/04-components/card/card-elements/_banner.twig
index c5e57838..d4851813 100644
--- a/src/patterns/04-components/card/card-elements/_banner.twig
+++ b/src/patterns/04-components/card/card-elements/_banner.twig
@@ -31,7 +31,7 @@
<div class="card__banner--media">
{% if image.type == "uw_para_local_video_banner" %}
<div id="{{ image.uuid }}" class="uw-video-wrapper {{ image.type }}">
- <video id="video-{{ image.uuid }}" aria-label="video" muted="1" loop="1" class="video-{{ image.uuid }}" autoplay="1" poster="{{ image.img_element }}" width="100%">
+ <video id="video-{{ image.uuid }}" aria-label="video" muted="1" loop="1" class="video-{{ image.uuid }}" autoplay="1" playsinline="1" poster="{{ image.img_element }}" width="100%">
<source src="{{ image.video }}" type="video/mp4" />
Your browser does not support the video tag.
</video>
--
GitLab