Enable controls and fix scaling for gifv (closes #62)
This commit is contained in:
parent
c93d32a043
commit
cdbd3944d9
|
@ -23,6 +23,10 @@ body {
|
|||
height: 100%;
|
||||
}
|
||||
|
||||
.media--gifv {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.logoContainer {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
|
@ -21,7 +21,7 @@
|
|||
</video>
|
||||
{{/equal}}
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="postMeta">
|
||||
<div class="postDetails">
|
||||
|
|
|
@ -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">
|
||||
|
|
Loading…
Reference in New Issue