aboutsummaryrefslogtreecommitdiff
path: root/generators/hugo/themes/tdro/layouts/shortcodes/video.html
blob: a0bf48859c8123a57d5e111abe7924dde10a6a2f (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
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="{{ $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>
  <figcaption class="has-text-grey-dark">{{ .Inner | markdownify }}</figcaption>
</video-container>