oe7drt-website/layouts/shortcodes/video.html

{{- $src := .Get "src" | default (.Get 0) -}}
{{- $title := .Get "title" | default (.Get 1) | default "Shared video" }}
<!-- <video controls controlslist="noremoteplayback" preload="metadata" poster="{{ .Page.Permalink }}{{ $src }}.jpg"> -->
<video controls preload="metadata" poster="{{ .Page.Permalink }}{{ $src }}.jpg" title="{{ $title }}">
  <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>
<figcaption class="-mt-3 mb-6 text-center">{{ $title }}</figcaption>