mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2025-04-26 22:08:27 -04:00
29 lines
1.1 KiB
HTML
29 lines
1.1 KiB
HTML
{{ partial "amp/head" . }}
|
|
|
|
<article class="layout layout-video">
|
|
{{ with .OutputFormats.Get "html" }}
|
|
<h1 class="title"><a href="{{ .Permalink }}">{{ $.Title | markdownify }}</a></h1>
|
|
{{ end }}
|
|
|
|
<amp-video
|
|
layout="responsive"
|
|
width="{{ .Site.Params.Theme.maxWidth }}"
|
|
height="530"
|
|
{{ with .Resources.GetMatch "thumb.*" }}poster="{{ .Permalink }}"{{ end }}
|
|
controls>
|
|
{{ with .Page.Resources.GetMatch "*.webm" }}<source src="{{ .Permalink }}" type="video/webm">{{ end }}
|
|
{{ with .Page.Resources.GetMatch "*.mp4" }}<source src="{{ .Permalink }}" type="video/mp4">{{ end }}
|
|
{{ with .Page.Resources.GetMatch "*.ogg" }}<source src="{{ .Permalink }}" type="video/ogg">{{ end }}
|
|
|
|
{{ with .Page.Resources.GetMatch "*.vtt" }}<track src="{{ .Permalink }}" kind="captions" label="English" srclang="en" default>{{ end }}
|
|
|
|
<div fallback>
|
|
<p>Your browser does not support HTML5 video. {{ with .Page.Resources.GetMatch "*.mp4" }}<a href="{{ .Permalink }}">Load the .mp4 video directly.</a>{{ end }}</p>
|
|
</div>
|
|
</amp-video>
|
|
|
|
{{ .Content }}
|
|
</article>
|
|
|
|
{{ partial "amp/foot" . }}
|