Enable controls and fix scaling for gifv (closes #62)

This commit is contained in:
video-prize-ranch 2022-10-05 22:11:43 -04:00
parent c93d32a043
commit cdbd3944d9
No known key found for this signature in database
GPG Key ID: D8EAA4C5B12A7281
3 changed files with 13 additions and 5 deletions

View File

@ -23,6 +23,10 @@ body {
height: 100%; height: 100%;
} }
.media--gifv {
width: 100%;
}
.logoContainer { .logoContainer {
display: flex; display: flex;
align-items: center; align-items: center;

View File

@ -21,7 +21,7 @@
</video> </video>
{{/equal}} {{/equal}}
{{/each}} {{/each}}
</div> </div>
</div> </div>
<div class="postMeta"> <div class="postMeta">
<div class="postDetails"> <div class="postDetails">

View File

@ -8,10 +8,14 @@
</head> </head>
<body> <body>
<video loop poster="/{{id}}.webp" autoplay width="100%"> <div class="mediaWrapper">
<source src="/{{id}}.webm" type="video/webm" /> <div class="media media--gifv">
<source src="/{{id}}.mp4" type="video/mp4" /> <video loop poster="/{{id}}.webp" autoplay controls>
</video> <source src="/{{id}}.webm" type="video/webm" />
<source src="/{{id}}.mp4" type="video/mp4" />
</video>
</div>
</div>
<div class="postMeta"> <div class="postMeta">
<a href="/{{id}}.mp4?download=1">download</a> <a href="/{{id}}.mp4?download=1">download</a>
<div class="logoContainer"> <div class="logoContainer">