{{ extends "base.tmpl" }}

{{define "meta" -}}
    <title>{{ .Title }} - GoTube</title>
    <link rel="canonical" href="https://www.youtube.com/watch?v={{ .VideoID }}" />
    {{ if not .Debug }}
    <meta http-equiv="refresh" content="0;url=https://www.youtube.com/watch?v={{ .VideoID }}" />
    {{ end }}
    <meta property="og:url" content="https://www.youtube.com/watch?v={{ .VideoID }}" />
    <meta property="theme-color" content="0000FF" />
    <meta property="twitter:card" content="player" />
    <meta property="twitter:site" content="{{ .Uploader }}" />
    <meta property="twitter:creator" content="{{ .Uploader }}" />
    <meta property="twitter:title" content="{{ .Title }}" />
    <meta property="og:title" content="{{ .Title }}" />
    <meta property="og:description" content="{{ .Description }}" />
    <meta property="og:site_name" content="GoTube ({{ .Uploader }})" />
    <meta property="twitter:image" content="{{ .Thumbnail }}" />
    <meta property="twitter:player:stream:content_type" content="video/mp4" />
    {{ if .VideoURL }}
    <meta property="og:video" content="{{ .VideoURL }}" />
    <meta property="og:video:secure_url" content="{{ .VideoURL }}" />
    <meta property="og:video:duration" content="{{ .Duration }}">
    <meta property="og:video:type" content="video/mp4" />
    {{ end }}
{{end}}


{{define "content" -}}
    <video style="width: 100%" autoplay controls>
        <source src="{{ .VideoURL }}" type="video/mp4" />
    </video>
    <h2>{{ .Title }}</h2>
    <h3>&gt; {{ .Uploader }}</h3>
    <pre>{{ .Description }}</pre>
    <a href="https://www.youtube.com/watch?v={{ .VideoID }}">Watch on YouTube</a>
    <br />
    <a href="/">What is this?</a>
{{end}}