27 lines
706 B
Vue
27 lines
706 B
Vue
<template>
|
|
<message-outgoing v-bind="{ ...$props, ...$attrs }" v-on="$listeners">
|
|
<div class="bubble image-bubble">
|
|
<v-responsive :aspect-ratio="16 / 9" class="ma-0 pa-0">
|
|
<video :src="src" controls class="w-100 h-100">
|
|
{{ $t("fallbacks.video_file") }}
|
|
</video>
|
|
</v-responsive>
|
|
</div>
|
|
</message-outgoing>
|
|
</template>
|
|
|
|
<script>
|
|
import attachmentMixin from "../attachmentMixin";
|
|
import MessageOutgoing from "../MessageOutgoing.vue";
|
|
|
|
export default {
|
|
name: "MessageOutgoingVideoExport",
|
|
extends: MessageOutgoing,
|
|
components: { MessageOutgoing },
|
|
mixins: [attachmentMixin],
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
@import "@/assets/css/chat.scss";
|
|
</style>
|