You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
37 lines
1.2 KiB
37 lines
1.2 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>{{.Title}} | {{.Id}}</title>
|
|
<link href="https://vjs.zencdn.net/7.15.4/video-js.css" rel="stylesheet" />
|
|
<link href="https://cdn.jsdelivr.net/npm/videojs-seek-buttons/dist/videojs-seek-buttons.css" rel="stylesheet">
|
|
<style>
|
|
.centeredvideo {
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<video class="video-js vjs-big-play-centered centeredvideo" id="player" height="480" width="720" controls autoplay data-setup="{}">
|
|
<source src="/videos/{{.Filename}}">
|
|
</video>
|
|
<h1>{{.Title}}</h1>
|
|
<p>Filetype: {{.Extension}}</p>
|
|
<p>Youtube ID: {{.Id}}</p>
|
|
<p>Filename: {{.Filename}}</p>
|
|
<a href="/videos/{{.Filename}}">Direct video link</a>
|
|
|
|
<script src="https://vjs.zencdn.net/7.15.4/video.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/videojs-seek-buttons/dist/videojs-seek-buttons.min.js"></script>
|
|
<script>
|
|
var player = videojs('player');
|
|
|
|
player.seekButtons({
|
|
forward: 30,
|
|
back: 10
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|