From 53733f7d389f84174b6c4294a24d3ab70b852d5d Mon Sep 17 00:00:00 2001
From: Thedro Neely <thedroneely@gmail.com>
Date: Sat, 2 Apr 2022 02:26:30 -0400
Subject: generators/hugo/layouts/shortcodes/video: Set defaults

Use figcaption.
---
 .../hugo/themes/tdro/layouts/shortcodes/video.html | 30 ++++++++++++++++------
 1 file changed, 22 insertions(+), 8 deletions(-)

(limited to 'generators')

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>
-- 
cgit v1.2.3