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

Move video style to file

Browse Source
This commit is contained in:
Carl Pearson
2024-09-20 05:43:19 -06:00
parent d88373e939
commit ab63347549
3 changed files with 37 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
README.md
View File

@@ -52,3 +52,7 @@ Build and push this container to ghcr
- [ ] change from Audio -> Video - [ ] change from Audio -> Video
- [x] Provide a better name for downloaded files - [x] Provide a better name for downloaded files
- [x] Environment variable to control whether "Secure" flag set on cookie - [x] Environment variable to control whether "Secure" flag set on cookie
- [ ] Provide an about page
- `ffmpeg` version
- `yt-dlp` version
- disk space

32
static/style/video.css Normal file
View File

@@ -0,0 +1,32 @@
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%;
}
}

35
templates/video.html
View File

@@ -5,40 +5,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{.original.Title}}</title> <title>{{.original.Title}}</title>
<style> <link rel="stylesheet" href="/static/style/video.css">
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>
</head> </head>
<body> <body>