cwpearson/ytdlp-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Better video player styling

Browse Source
This commit is contained in:
Carl Pearson
2024-09-08 05:58:21 -06:00
parent 551907d70c
commit ae5c206389
1 changed files with 42 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
templates/video.html
View File

@@ -2,18 +2,53 @@
<html> <html>
<head> <head>
<title>Downloaded Videos</title> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{.video.Title}}</title>
<style> <style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 20px;
box-sizing: border-box;
}
h1 {
text-align: center;
}
.video-container {
max-width: 600px;
margin: 0 auto;
}
video {
width: 100%;
max-width: 600px;
display: block;
margin: 0 auto;
}
@media (max-width: 600px) {
.video-container {
max-width: 100%;
}
video {
max-width: 100%;
}
}
</style> </style>
</head> </head>
<body> <body>
<h1>Downloaded Video {{.video.Title}}</h1> <h1>{{.video.Title}}</h1>
<div class="video-container">
<video controls playsinline width="250" preload="metadata"> <video controls playsinline preload="metadata">
<source src="{{.tempURL}}" type="video/mp4" /> <source src="{{.tempURL}}" type="video/mp4">
</video> Your browser does not support the video tag.
</video>
</div>
</body> </body>
</html> </html>