<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{{ .Title }}</title>
    <style>html, body {
        padding: 0;
        margin: 0
    }
    .video-container {
        background: black;
        width: 100%;
        height: 100vh;
        min-height: 100%;
        vertical-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    video {
        width: 100%;
        height: auto;
    }</style>
</head>
<body>
<div class="video-container">
<video id="video" controls autoplay preload="metadata">
    <source src="{{ .Link }}" type="video/mp4">
    {{ range $lang, $link := .Subtitles }}
        <track label=" {{ $lang }} " kind="subtitles" srclang="en" src="{{ $link }}">
    {{ end }}
</video>
</div>
</body>
</html>