(fix) add quicktime video type preview

Author: antoine92190

src/ChatWindow/Message/Message.vue

@@ -192,7 +192,7 @@ import MessageActions from './MessageActions'
 import MessageReactions from './MessageReactions'
 import AudioPlayer from './AudioPlayer'
 
-const { isImageFile } = require('../../utils/media-file')
+const { isImageFile, isVideoFile } = require('../../utils/media-file')
 
 export default {
 	name: 'Message',
@@ -260,7 +260,7 @@ export default {
 			return isImageFile(this.message.file)
 		},
 		isVideo() {
-			return this.checkVideoType(this.message.file)
+			return isVideoFile(this.message.file)
 		},
 		isCheckmarkVisible() {
 			return (
@@ -317,12 +317,6 @@ export default {
 				this.$emit('message-action-handler', { action, message: this.message })
 			}, 300)
 		},
-		checkVideoType(file) {
-			if (!file) return
-			const videoTypes = ['video/mp4', 'video/ogg', 'video/webm']
-			const { type } = file
-			return videoTypes.some(t => type.toLowerCase().includes(t))
-		},
 		sendMessageReaction({ emoji, reaction }) {
 			this.$emit('send-message-reaction', {
 				messageId: this.message._id,

src/ChatWindow/Room/Room.vue

@@ -204,9 +204,7 @@
 					</div>
 					<div ref="mediaFile" class="vac-media-file">
 						<video width="100%" height="100%" controls>
-							<source :src="videoFile" type="video/mp4" />
-							<source :src="videoFile" type="video/ogg" />
-							<source :src="videoFile" type="video/webm" />
+							<source :src="videoFile" />
 						</video>
 					</div>
 				</div>

src/utils/constants.js

@@ -1,2 +1,2 @@
 export const IMAGE_TYPES = ['png', 'jpg', 'jpeg', 'webp', 'svg', 'gif']
-export const VIDEO_TYPES = ['video/mp4', 'video/ogg', 'video/webm']
+export const VIDEO_TYPES = ['mp4', 'ogg', 'webm', 'quicktime']