aboutsummaryrefslogtreecommitdiff
path: root/generators
diff options
context:
space:
mode:
authorThedro Neely <thedroneely@gmail.com>2022-04-02 02:26:30 -0400
committerThedro Neely <thedroneely@gmail.com>2022-04-02 03:19:05 -0400
commit53733f7d389f84174b6c4294a24d3ab70b852d5d (patch)
treef44c93c76c07abd79adae976e8467c6b37eebd59 /generators
parentea95b7b32f0bb9870428f377522a4523031a9692 (diff)
downloadthedroneely.com-53733f7d389f84174b6c4294a24d3ab70b852d5d.tar.gz
thedroneely.com-53733f7d389f84174b6c4294a24d3ab70b852d5d.tar.bz2
thedroneely.com-53733f7d389f84174b6c4294a24d3ab70b852d5d.zip
generators/hugo/layouts/shortcodes/video: Set defaults
Use figcaption.
Diffstat (limited to 'generators')
-rw-r--r--generators/hugo/themes/tdro/layouts/shortcodes/video.html30
1 files changed, 22 insertions, 8 deletions
diff --git a/generators/hugo/themes/tdro/layouts/shortcodes/video.html b/generators/hugo/themes/tdro/layouts/shortcodes/video.html
index 719e212..a0bf488 100644
--- a/generators/hugo/themes/tdro/layouts/shortcodes/video.html
+++ b/generators/hugo/themes/tdro/layouts/shortcodes/video.html
@@ -1,12 +1,26 @@
+{{-
+ $source := default
+ "https://raw.githubusercontent.com/benhosmer/HTML5-Test-Videos/9a6c2db46472454c634963cbeb0900fd37901fac/big_buck_bunny"
+ (.Get "source" | default (.Get 0))
+-}}
+{{- $poster := default "" (.Get "poster" | default (.Get 1)) -}}
+{{- $width := default "" (.Get "width" | default (.Get 2)) -}}
+{{- $height := default "" (.Get "height" | default (.Get 3)) -}}
+{{- $preload := default "none" (.Get "preload" | default (.Get 4)) -}}
+{{- $options := default "" (.Get "options" | default (.Get 5)) -}}
+
<video-container>
<video
- preload="none"
- poster="{{ .Get `poster` }}"
- width="{{ .Get `width` }}"
- height="{{ .Get `height`}}"
- controls {{ .Get `options` | safeHTMLAttr }}>
- <source src="{{ .Get `source` }}" type="video/mp4">
- Sorry, your browser doesn't support embedded videos.
+ preload="{{ $preload }}"
+ poster="{{ $poster }}"
+ width="{{ $width }}"
+ height="{{ $height }}"
+ controls {{ $options | safeHTMLAttr }}>
+ <source src="{{ $source }}" type="video/mp4">
+ <p>
+ Sorry, your browser doesn't support embedded videos. Here is a
+ <a href="{{ $source }}">link to the video</a> instead.
+ </p>
</video>
- <footer class="has-text-grey-dark">{{ .Inner | markdownify }}</footer>
+ <figcaption class="has-text-grey-dark">{{ .Inner | markdownify }}</figcaption>
</video-container>