mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2025-04-26 11:05:25 -04:00
24 lines
1.1 KiB
HTML
24 lines
1.1 KiB
HTML
{{- $video_webm := .Page.Resources.GetMatch (.Get "webm") -}}
|
|
{{- $video_mp4 := .Page.Resources.GetMatch (.Get "mp4") -}}
|
|
{{- $video_ogg := .Page.Resources.GetMatch (.Get "ogg") -}}
|
|
{{- $img_poster := .Page.Resources.GetMatch (.Get "poster") -}}
|
|
|
|
<p class="video">
|
|
<amp-video
|
|
layout="responsive"
|
|
width="{{ if .Get "width" }}{{ .Get "width" }}{{ else }}910{{ end }}"
|
|
height="{{ if .Get "height" }}{{ .Get "height" }}{{ else }}600{{ end }}"
|
|
{{- if .Get "poster" }} poster="{{ $img_poster.Permalink }}"{{ end }}
|
|
{{- if .Get "autoplay" }} autoplay{{ end }}
|
|
{{- if .Get "loop" }} loop{{ end }}
|
|
{{- if ne (.Get "nocontrols") "1" }} controls{{ end }}>
|
|
{{ if .Get "webm" }}<source src="{{ $video_webm.Permalink }}" type="video/webm">{{ end }}
|
|
{{ if .Get "mp4" }}<source src="{{ $video_mp4.Permalink }}" type="video/mp4">{{ end }}
|
|
{{ if .Get "ogg" }}<source src="{{ $video_ogg.Permalink }}" type="video/ogg">{{ end }}
|
|
|
|
<div fallback>
|
|
Your browser does not support HTML5 video. <a href="{{ $video_mp4.Permalink }}">Load the .mp4 video directly.</a>
|
|
</div>
|
|
</amp-video>
|
|
</p>
|