FediMovies/fedimovies-web
1
1
Fork 0
Code Pull requests Activity

Use <video> element to display videos

Browse source
This commit is contained in:
silverpill 2022-02-23 17:37:50 +00:00
parent 838f76b17d
commit 18043a3491
1 changed files with 9 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/components/Post.vue
View file

@ -51,7 +51,11 @@
</div> </div>
<div class="post-content" ref="postContent" v-html="post.content"></div> <div class="post-content" ref="postContent" v-html="post.content"></div>
<div class="post-attachment" v-if="post.media_attachments.length > 0"> <div class="post-attachment" v-if="post.media_attachments.length > 0">
<img v-for="attachment in post.media_attachments" :src="attachment.url" :key="attachment.id"> <template v-for="attachment in post.media_attachments" :key="attachment.id">
<img v-if="attachment.type === 'image'" :src="attachment.url">
<video v-else-if="attachment.type === 'video'" :src="attachment.url" controls></video>
<a v-else :href="attachment.url">{{ attachment.url }}</a>
</template>
</div> </div>
<div class="post-footer"> <div class="post-footer">
<router-link <router-link
@ -615,6 +619,10 @@ export default class PostComponent extends Vue {
display: block; display: block;
width: 100%; width: 100%;
} }
a {
@include block-link;
}
} }
.post-footer { .post-footer {