mirror of
https://github.com/pixelfed/pixelfed.git
synced 2024-12-24 16:53:17 +00:00
Update LoopComponent
This commit is contained in:
parent
21cbcb21d9
commit
464208a417
1 changed files with 4 additions and 1 deletions
|
@ -12,7 +12,7 @@
|
||||||
<div class="col-12 col-md-4 mb-3" v-for="(loop, index) in loops">
|
<div class="col-12 col-md-4 mb-3" v-for="(loop, index) in loops">
|
||||||
<div class="card border border-success">
|
<div class="card border border-success">
|
||||||
<div class="embed-responsive embed-responsive-1by1">
|
<div class="embed-responsive embed-responsive-1by1">
|
||||||
<video class="embed-responsive-item" :src="videoSrc(loop)" preload="auto" width="100%" height="100%" loop @click="toggleVideo(loop, $event)"></video>
|
<video class="embed-responsive-item" :src="videoSrc(loop)" preload="none" width="100%" height="100%" loop @click="toggleVideo(loop, $event)" :poster="posterSrc(loop)"></video>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
<p class="username font-weight-bolder lead d-flex justify-content-between"><a :href="loop.account.url">{{loop.account.acct}}</a> <a :href="loop.url">{{timestamp(loop)}}</a></p>
|
<p class="username font-weight-bolder lead d-flex justify-content-between"><a :href="loop.account.url">{{loop.account.acct}}</a> <a :href="loop.url">{{timestamp(loop)}}</a></p>
|
||||||
|
@ -78,6 +78,9 @@ export default {
|
||||||
videoSrc(loop) {
|
videoSrc(loop) {
|
||||||
return loop.media_attachments[0].url;
|
return loop.media_attachments[0].url;
|
||||||
},
|
},
|
||||||
|
posterSrc(loop) {
|
||||||
|
return loop.media_attachments[0].preview_url;
|
||||||
|
},
|
||||||
setTab(tab) {
|
setTab(tab) {
|
||||||
this.tab = tab;
|
this.tab = tab;
|
||||||
},
|
},
|
||||||
|
|
Loading…
Reference in a new issue