|
@@ -7,9 +7,8 @@
|
|
|
|
|
|
|
|
|
|
{{ if or (strings.HasPrefix . "youtube:" ) }}
|
|
{{ if or (strings.HasPrefix . "youtube:" ) }}
|
|
-<iframe loading="lazy" class="showcaseElement cover youtubeVid"
|
|
|
|
- style='display: {{ if not $index }} block {{else}} none {{end}}' lazy="true"
|
|
|
|
- lazy-src="https://www.youtube-nocookie.com/embed/{{ index ( last 1 ( split . ":" )) 0 }}" frameborder="0"
|
|
|
|
|
|
+<iframe loading="lazy" class="showcaseElement cover youtubeVid" style='display: {{ if not $index }} block {{else}} none {{end}}'
|
|
|
|
+ {{ if not $index }} src {{else}} lazy="true" lazy-src {{end}} ="https://www.youtube-nocookie.com/embed/{{ index ( last 1 ( split . ":" )) 0 }}" frameborder="0"
|
|
allow="accelerometer; autoplay; encrypted-media; gyroscope; fullscreen"></iframe>
|
|
allow="accelerometer; autoplay; encrypted-media; gyroscope; fullscreen"></iframe>
|
|
{{ else if (strings.HasSuffix . ".webm" ) }}
|
|
{{ else if (strings.HasSuffix . ".webm" ) }}
|
|
<video class="showcaseElement cover" style='display:{{ if not $index }} block {{else}} none {{end}} ' preload="none"
|
|
<video class="showcaseElement cover" style='display:{{ if not $index }} block {{else}} none {{end}} ' preload="none"
|
|
@@ -18,15 +17,14 @@
|
|
</video>
|
|
</video>
|
|
</div>
|
|
</div>
|
|
{{ else if (strings.HasSuffix . ".mp4" ) }}
|
|
{{ else if (strings.HasSuffix . ".mp4" ) }}
|
|
-
|
|
|
|
<video class="showcaseElement cover" style='display:{{ if not $index }} block {{else}} none {{end}} ' preload="none"
|
|
<video class="showcaseElement cover" style='display:{{ if not $index }} block {{else}} none {{end}} ' preload="none"
|
|
class="cover">
|
|
class="cover">
|
|
- <source type="video/mp4">
|
|
|
|
|
|
+ <source type="video/mp4" src="{{ safeURL .}}" >
|
|
</video>
|
|
</video>
|
|
{{ else }}
|
|
{{ else }}
|
|
<div class="showcaseElement" style='display:{{ if not $index }} block {{else}} none {{end}} '>
|
|
<div class="showcaseElement" style='display:{{ if not $index }} block {{else}} none {{end}} '>
|
|
- <div class="cover blur" lazy="true" lazy-style="background-image: url('{{ safeURL . }}'); " style=" "></div>
|
|
|
|
- <div class="cover" lazy="true" lazy-style="background-image: url('{{ safeURL . }}'); " style=" "></div>
|
|
|
|
|
|
+ <div class="cover blur" {{ if not $index }} style {{else}} lazy="true" lazy-style {{end}} ="background-image: url('{{ safeURL . }}'); " ></div>
|
|
|
|
+ <div class="cover" {{ if not $index }} style {{else}} lazy="true" lazy-style {{end}} ="background-image: url('{{ safeURL . }}'); " ></div>
|
|
</div>
|
|
</div>
|
|
{{ end }}
|
|
{{ end }}
|
|
{{end}}
|
|
{{end}}
|