From c6fa6b7cd6a614b08727df614cbef15f032b9a67 Mon Sep 17 00:00:00 2001
From: Dominic Reich <dominic@noreply.oe7drt.com>
Date: Sun, 31 Dec 2023 12:14:00 +0100
Subject: [PATCH] update video shortcodes

---
 layouts/shortcodes/peertube.html |  7 +++++++
 layouts/shortcodes/video.html    | 16 ++++++++++++----
 2 files changed, 19 insertions(+), 4 deletions(-)
 create mode 100644 layouts/shortcodes/peertube.html

diff --git a/layouts/shortcodes/peertube.html b/layouts/shortcodes/peertube.html
new file mode 100644
index 0000000..0a7251b
--- /dev/null
+++ b/layouts/shortcodes/peertube.html
@@ -0,0 +1,7 @@
+{{- $id := .Get "id" | default (.Get 0) -}}
+{{- $class := .Get "class" | default (.Get 1) -}}
+{{- $title := .Get "title" | default "Shared video" }}
+<div {{ with $class }}class="{{ . }}"{{ else }}style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;"{{ end }}>
+  <iframe title="{{ $title }}" width="560" height="315" src="https://video.infosec.exchange/videos/embed/{{ $id }}" frameborder="0" allowfullscreen="" {{ if not $class }}style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" {{ end }}sandbox="allow-same-origin allow-scripts allow-popups"></iframe>
+</div>
+
diff --git a/layouts/shortcodes/video.html b/layouts/shortcodes/video.html
index 0a7251b..1bdc90e 100644
--- a/layouts/shortcodes/video.html
+++ b/layouts/shortcodes/video.html
@@ -1,7 +1,15 @@
-{{- $id := .Get "id" | default (.Get 0) -}}
-{{- $class := .Get "class" | default (.Get 1) -}}
+{{- $src := .Get "src" | default (.Get 0) -}}
 {{- $title := .Get "title" | default "Shared video" }}
-<div {{ with $class }}class="{{ . }}"{{ else }}style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;"{{ end }}>
-  <iframe title="{{ $title }}" width="560" height="315" src="https://video.infosec.exchange/videos/embed/{{ $id }}" frameborder="0" allowfullscreen="" {{ if not $class }}style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" {{ end }}sandbox="allow-same-origin allow-scripts allow-popups"></iframe>
+<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
+  <video controls controlslist="noremoteplayback" preload="metadata" poster="{{ .Page.Permalink }}{{ $src }}.jpg">
+    <source src="{{ .Page.Permalink }}{{ $src }}.webm" type="video/webm" />
+    <source src="{{ .Page.Permalink }}{{ $src }}.ogv" type="video/ogv" />
+    <source src="{{ .Page.Permalink }}{{ $src }}.mp4" type="video/mp4" />
+    Oh sorry, we could not show you the video!<br />
+    We had the following sources:
+    <a href="{{ .Page.Permalink }}{{ $src }}.webm">webm</a>,
+    <a href="{{ .Page.Permalink }}{{ $src }}.ogv">ogv</a>,
+    <a href="{{ .Page.Permalink }}{{ $src }}.mp4">mp4</a>
+  </video>
 </div>