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%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.media--gifv {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
.logoContainer {
|
.logoContainer {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
|
@ -8,10 +8,14 @@
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<video loop poster="/{{id}}.webp" autoplay width="100%">
|
<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}}.webm" type="video/webm" />
|
||||||
<source src="/{{id}}.mp4" type="video/mp4" />
|
<source src="/{{id}}.mp4" type="video/mp4" />
|
||||||
</video>
|
</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">
|
||||||
|
|
Loading…
Reference in New Issue