35 lines
802 B
HTML
35 lines
802 B
HTML
|
<!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>
|