Skip to content

Commit 8066ad4

Browse files
committed
(fix) missing video in reply message
1 parent 9e011ef commit 8066ad4

File tree

1 file changed

+19
-1
lines changed

1 file changed

+19
-1
lines changed

src/ChatWindow/Message/MessageReply.vue

Lines changed: 19 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,12 @@
1313
/>
1414
</div>
1515

16+
<div v-else-if="isVideo" class="vac-video-reply-container">
17+
<video width="100%" height="100%" controls>
18+
<source :src="message.replyMessage.file.url" />
19+
</video>
20+
</div>
21+
1622
<div class="vac-reply-content">
1723
<format-message
1824
:content="message.replyMessage.content"
@@ -32,7 +38,7 @@
3238
<script>
3339
import FormatMessage from '../../components/FormatMessage'
3440
35-
const { isImageFile } = require('../../utils/media-file')
41+
const { isImageFile, isVideoFile } = require('../../utils/media-file')
3642
3743
export default {
3844
name: 'MessageReply',
@@ -53,6 +59,9 @@ export default {
5359
},
5460
isImage() {
5561
return isImageFile(this.message.replyMessage.file)
62+
},
63+
isVideo() {
64+
return isVideoFile(this.message.replyMessage.file)
5665
}
5766
}
5867
}
@@ -82,6 +91,15 @@ export default {
8291
}
8392
}
8493
94+
.vac-video-reply-container {
95+
width: 200px;
96+
max-width: 100%;
97+
98+
video {
99+
border-radius: 4px;
100+
}
101+
}
102+
85103
.vac-reply-content {
86104
font-size: 12px;
87105
color: var(--chat-message-color-reply-content);

0 commit comments

Comments
 (0)