From ebbfd5036d34bdfb2f133be3f457adc15ee988fa Mon Sep 17 00:00:00 2001
From: Jan Umbach <jan@umbach.dev>
Date: Sun, 2 Jun 2024 17:38:06 +0200
Subject: [PATCH] landingpage Video

---
 snippets/shx-video-base.liquid | 5 +++++
 snippets/shx-video.liquid      | 7 +++++++
 2 files changed, 12 insertions(+)

diff --git a/snippets/shx-video-base.liquid b/snippets/shx-video-base.liquid
index fd8cdbf..c179d90 100644
--- a/snippets/shx-video-base.liquid
+++ b/snippets/shx-video-base.liquid
@@ -51,6 +51,11 @@
       opacity: 0;
     }
 
+    .shx-video-banner {
+      width: 100%;
+      height: auto;
+    }
+
   </style>
 
   <script type="text/javascript">
diff --git a/snippets/shx-video.liquid b/snippets/shx-video.liquid
index 17a3afc..7810652 100644
--- a/snippets/shx-video.liquid
+++ b/snippets/shx-video.liquid
@@ -1,4 +1,5 @@
 {% assign media = media %}
+{% assign videoURL = videoURL %}
 {% assign videoType = videoType | default: 'normal' %}
 
 {% if videoType == "normal" %}
@@ -17,4 +18,10 @@
     {%- echo media | media_tag: image_size: "2048x", autoplay: false, muted: true, loop: true, controls: false, preload: "none", class: "shx-video-card-product" -%}
   </shx-video-card-product>
 
+{% elsif videoType == "banner" %}
+
+  <div>
+    <video class="shx-video-banner" autoplay loop src="{{videoURL}}" muted controls="false" preload="none">
+  </div>
+
 {% endif %}
\ No newline at end of file