themes/default/layouts/partials/video-container: Source of truth for video embeds

Static videos with cached copy. Convert imgur short code into a
video short code helper. Replace dynamic embed with static.

1 files changed, 39 insertions, 0 deletions

diff --git a/themes/default/layouts/partials/video-container.html b/themes/default/layouts/partials/video-container.html
new file mode 100644
index 0000000..8292f12
--- /dev/null
+++ b/themes/default/layouts/partials/video-container.html
@@ -0,0 +1,39 @@
+{{- $cache     := "" -}}
+{{- $public    := print "public/" .Source -}}
+{{- $timestamp := print "#t=" .Start "," .End -}}
+
+{{- with $remote := resources.GetRemote .Source -}}
+  {{- with .Err -}}
+    {{- if fileExists $public -}}
+    {{- else -}}
+      {{ $caption = "No local video data found for source" }}
+    {{- end -}}
+  {{- else -}}
+  {{ end }}
+  {{- $cache = .Content | resources.FromString (print $.Author "/media/" (. | urlize)) -}}
+  {{- $cache = $cache.RelPermalink }}
+{{ else }}
+  {{ $caption = "No remote video data found for source" }}
+{{- end -}}
+
+<video-container>
+  <video
+    title="{{ .Title }}"
+    preload="{{ .Preload }}"
+    {{ with .Poster }} poster="{{ . }}" {{ end -}}
+    {{ with .Width }} width="{{ . }}" {{ end -}}
+    {{ with .Height }} height="{{ . }}" {{ end -}}
+    {{ .Controls | safeHTMLAttr }}>
+      <source src="{{ or .Source .Cache }}{{ $timestamp }}">
+      <p>
+        Sorry, your browser does not support embedded videos. Here is a
+        <a href="{{ .Source }}">link to the video</a> instead.
+      </p>
+  </video>
+  <footer>
+    {{ .Caption | markdownify }}
+    <br>
+    Index: {{ with $cache }} {{ print "[Cache](" . ")" | markdownify }} &middot; {{ end }}
+    {{ print "[Source](" .Source ")" | markdownify }}
+  </footer>
+</video-container>