File tree Expand file tree Collapse file tree 2 files changed +9
-1
lines changed
src/lib/Room/RoomMessageReply Expand file tree Collapse file tree 2 files changed +9
-1
lines changed Original file line number Diff line number Diff line change 43
43
44
44
.vac-image-reply {
45
45
max-height : 100px ;
46
+ max-width : 200px ;
46
47
margin-right : 10px ;
47
48
border-radius : 4px ;
48
49
}
Original file line number Diff line number Diff line change 11
11
:src =" messageReply.file.url"
12
12
class =" vac-image-reply"
13
13
/>
14
+ <video v-else-if =" isVideoFile" controls class =" vac-image-reply" >
15
+ <source :src =" messageReply.file.url" />
16
+ </video >
17
+
14
18
<div class =" vac-reply-info" >
15
19
<div class =" vac-reply-username" >
16
20
{{ messageReply.username }}
46
50
import SvgIcon from ' ../../../components/SvgIcon/SvgIcon'
47
51
import FormatMessage from ' ../../../components/FormatMessage/FormatMessage'
48
52
49
- const { isImageFile } = require (' ../../../utils/media-file' )
53
+ const { isImageFile , isVideoFile } = require (' ../../../utils/media-file' )
50
54
51
55
export default {
52
56
name: ' RoomMessageReply' ,
@@ -65,6 +69,9 @@ export default {
65
69
computed: {
66
70
isImageFile () {
67
71
return isImageFile (this .messageReply .file )
72
+ },
73
+ isVideoFile () {
74
+ return isVideoFile (this .messageReply .file )
68
75
}
69
76
}
70
77
}
You can’t perform that action at this time.
0 commit comments