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%;
}
.media--gifv {
width: 100%;
}
.logoContainer {
display: flex;
align-items: center;

View File

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

View File

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