File tree Expand file tree Collapse file tree 1 file changed +19
-1
lines changed
Expand file tree Collapse file tree 1 file changed +19
-1
lines changed Original file line number Diff line number Diff line change 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"
3238<script >
3339import FormatMessage from ' ../../components/FormatMessage'
3440
35- const { isImageFile } = require (' ../../utils/media-file' )
41+ const { isImageFile , isVideoFile } = require (' ../../utils/media-file' )
3642
3743export 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 );
You can’t perform that action at this time.
0 commit comments