zz-shopify-components 0.0.21 → 0.0.22

package/snippets/zz-video.liquid

@@ -1,117 +1,117 @@
-{% comment %}
-  pc_video: 视频地址
-  pc_poster: 视频封面
-  mb_video: 视频地址
-  mb_poster: 视频封面
-  lazy: 是否懒加载
-  pc_posterWidth: 视频封面宽度
-  mb_poster_width: 视频封面宽度
-  class: 视频类名
-  autoplay: 是否自动播放
-  loop: 是否循环播放
-  muted: 是否静音
-  separate_display: 区分显示pc还是mb, true时 没有配置PC与mb将不会显示。不会使用PC的配置来配置mb
-{% endcomment %}
-
-{% if separate_display == true %}
-  {% assign separate_display = true %}
-{% else %}
-  {% assign separate_display = false %}
-{% endif %}
-
-{% if pc_video and pc_poster %}
-  {% assign pc_src = pc_video %}
-{% if pc_video.media_type == 'video' %}
-  {% assign pc_src = pc_video.sources[1].url %}
-{% endif %}
-
-{% assign video_poster_width = pc_posterWidth | default: 1500 %}
-{% assign video_poster = pc_poster
-  | image_url: width: video_poster_width
-%}
-  <video
-    {% if class %}
-      class='{{class}} lozad zz-video {% if autoplay %} video-play-pause {% endif %} {% if mb_video != blank and separate_display == false %} max-lg:tw-hidden {% endif %}'
-    {% endif %}
-    {% if autoplay %}
-      autoplay
-    {% endif %}
-    {% if loop %}
-      loop
-    {% endif %}
-    {% if muted %}
-      muted
-    {% endif %}
-    {% if controls %}
-      controls
-    {% endif %}
-    {% if lazy %}
-    data-poster='{{video_poster | default: ''}}'
-    {% else %}
-    poster='{{video_poster | default: ''}}'
-    {% endif %}
-    webkit-playsinline
-    playsinline
-    x5-video-player-type='h5'
-
-  >
-    <source type='video/mp4'
-        data-src='{{pc_src}}'
-      {% if lazy %}
-        data-src='{{pc_src}}'
-      {% else %}
-        src='{{ pc_src }}'
-      {% endif %}
-      >
-
-  </video>
-{% endif %}
-
-{% if mb_video and mb_poster %}
-  {% assign mb_src = mb_video %}
-{% if mb_video.media_type == 'video' %}
-  {% assign mb_src = mb_video.sources[1].url %}
-{% endif %}
-
-{% assign mb_video_poster_width = mb_poster_width | default: 1500 %}
-{% assign mb_video_poster = mb_poster
-  | image_url: width: mb_video_poster_width
-%}
-  <video
-    {% if class %}
-      class='{{class}} lozad zz-video {% if autoplay %} video-play-pause {% endif %} lg:tw-hidden'
-    {% endif %}
-    {% if autoplay %}
-      autoplay
-    {% endif %}
-    {% if loop %}
-      loop
-    {% endif %}
-    {% if muted %}
-      muted
-    {% endif %}
-    {% if controls %}
-      controls
-    {% endif %}
-    {% if lazy %}
-    data-poster='{{mb_video_poster | default: ''}}'
-    {% else %}
-    poster='{{mb_video_poster | default: ''}}'
-    {% endif %}
-    webkit-playsinline
-    playsinline
-    x5-video-player-type='h5'
-
-  >
-    <source type='video/mp4'
-        data-src='{{mb_src}}'
-      {% if lazy %}
-        data-src='{{mb_src}}'
-      {% else %}
-        src='{{ mb_src }}'
-      {% endif %}
-      >
-
-  </video>
-{% endif %}
-
+{% comment %}
+  pc_video: 视频地址
+  pc_poster: 视频封面
+  mb_video: 视频地址
+  mb_poster: 视频封面
+  lazy: 是否懒加载
+  pc_posterWidth: 视频封面宽度
+  mb_poster_width: 视频封面宽度
+  class: 视频类名
+  autoplay: 是否自动播放
+  loop: 是否循环播放
+  muted: 是否静音
+  separate_display: 区分显示pc还是mb, true时 没有配置PC与mb将不会显示。不会使用PC的配置来配置mb
+{% endcomment %}
+
+{% if separate_display == true %}
+  {% assign separate_display = true %}
+{% else %}
+  {% assign separate_display = false %}
+{% endif %}
+
+{% if pc_video and pc_poster %}
+  {% assign pc_src = pc_video %}
+{% if pc_video.media_type == 'video' %}
+  {% assign pc_src = pc_video.sources[1].url %}
+{% endif %}
+
+{% assign video_poster_width = pc_posterWidth | default: 1500 %}
+{% assign video_poster = pc_poster
+  | image_url: width: video_poster_width
+%}
+  <video
+    {% if class %}
+      class='{{class}} lozad zz-video {% if autoplay %} video-play-pause {% endif %} {% if mb_video != blank and separate_display == false %} max-lg:tw-hidden {% endif %}'
+    {% endif %}
+    {% if autoplay %}
+      autoplay
+    {% endif %}
+    {% if loop %}
+      loop
+    {% endif %}
+    {% if muted %}
+      muted
+    {% endif %}
+    {% if controls %}
+      controls
+    {% endif %}
+    {% if lazy %}
+    data-poster='{{video_poster | default: ''}}'
+    {% else %}
+    poster='{{video_poster | default: ''}}'
+    {% endif %}
+    webkit-playsinline
+    playsinline
+    x5-video-player-type='h5'
+
+  >
+    <source type='video/mp4'
+        data-src='{{pc_src}}'
+      {% if lazy %}
+        data-src='{{pc_src}}'
+      {% else %}
+        src='{{ pc_src }}'
+      {% endif %}
+      >
+
+  </video>
+{% endif %}
+
+{% if mb_video and mb_poster %}
+  {% assign mb_src = mb_video %}
+{% if mb_video.media_type == 'video' %}
+  {% assign mb_src = mb_video.sources[1].url %}
+{% endif %}
+
+{% assign mb_video_poster_width = mb_poster_width | default: 1500 %}
+{% assign mb_video_poster = mb_poster
+  | image_url: width: mb_video_poster_width
+%}
+  <video
+    {% if class %}
+      class='{{class}} lozad zz-video {% if autoplay %} video-play-pause {% endif %} lg:tw-hidden'
+    {% endif %}
+    {% if autoplay %}
+      autoplay
+    {% endif %}
+    {% if loop %}
+      loop
+    {% endif %}
+    {% if muted %}
+      muted
+    {% endif %}
+    {% if controls %}
+      controls
+    {% endif %}
+    {% if lazy %}
+    data-poster='{{mb_video_poster | default: ''}}'
+    {% else %}
+    poster='{{mb_video_poster | default: ''}}'
+    {% endif %}
+    webkit-playsinline
+    playsinline
+    x5-video-player-type='h5'
+
+  >
+    <source type='video/mp4'
+        data-src='{{mb_src}}'
+      {% if lazy %}
+        data-src='{{mb_src}}'
+      {% else %}
+        src='{{ mb_src }}'
+      {% endif %}
+      >
+
+  </video>
+{% endif %}
+