From 5e4ad4f27011a6a4b622d5501f72b5d6058e80f8 Mon Sep 17 00:00:00 2001
From: Dominic Reich <dominic@noreply.oe7drt.com>
Date: Sun, 31 Dec 2023 13:18:00 +0100
Subject: [PATCH] update video shortcode

---
 layouts/shortcodes/video.html | 23 +++++++++++------------
 1 file changed, 11 insertions(+), 12 deletions(-)

diff --git a/layouts/shortcodes/video.html b/layouts/shortcodes/video.html
index 1bdc90e..b04619e 100644
--- a/layouts/shortcodes/video.html
+++ b/layouts/shortcodes/video.html
@@ -1,15 +1,14 @@
 {{- $src := .Get "src" | default (.Get 0) -}}
 {{- $title := .Get "title" | default "Shared video" }}
-<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>
+<!-- <video controls controlslist="noremoteplayback" preload="metadata" poster="{{ .Page.Permalink }}{{ $src }}.jpg"> -->
+<video controls preload="metadata" poster="{{ .Page.Permalink }}{{ $src }}.jpg">
+  <source src="{{ .Page.Permalink }}{{ $src }}.ogv" type="video/ogv" />
+  <source src="{{ .Page.Permalink }}{{ $src }}.webm" type="video/webm" />
+  <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 }}.ogv">ogv</a>,
+  <a href="{{ .Page.Permalink }}{{ $src }}.webm">webm</a>,
+  <a href="{{ .Page.Permalink }}{{ $src }}.mp4">mp4</a>
+</video>