landingpage Video

pull/4/head
Jan Umbach 2024-06-02 17:38:06 +02:00
parent e475bb5a2c
commit ebbfd5036d
2 changed files with 12 additions and 0 deletions

View File

@ -51,6 +51,11 @@
opacity: 0; opacity: 0;
} }
.shx-video-banner {
width: 100%;
height: auto;
}
</style> </style>
<script type="text/javascript"> <script type="text/javascript">

View File

@ -1,4 +1,5 @@
{% assign media = media %} {% assign media = media %}
{% assign videoURL = videoURL %}
{% assign videoType = videoType | default: 'normal' %} {% assign videoType = videoType | default: 'normal' %}
{% if videoType == "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" -%} {%- 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> </shx-video-card-product>
{% elsif videoType == "banner" %}
<div>
<video class="shx-video-banner" autoplay loop src="{{videoURL}}" muted controls="false" preload="none">
</div>
{% endif %} {% endif %}