(fix) video media preview

Author: antoine92190

src/lib/ChatWindow.vue

@@ -168,7 +168,7 @@ export default {
 		scrollDistance: { type: Number, default: 60 },
 		acceptedFiles: { type: String, default: '*' },
 		templatesText: { type: Array, default: null },
-		mediaModalPreview: { type: Boolean, default: true }
+		mediaPreviewEnabled: { type: Boolean, default: true }
 	},
 
 	emits: [
@@ -341,7 +341,7 @@ export default {
 			this.$emit('delete-message', { message, roomId: this.room.roomId })
 		},
 		openFile({ message, file }) {
-			if (this.mediaModalPreview && file.action === 'preview') {
+			if (this.mediaPreviewEnabled && file.action === 'preview') {
 				this.filePreview = file.file
 				this.showMediaPreview = true
 			} else {

src/lib/MediaPreview/MediaPreview.vue

@@ -16,8 +16,8 @@
 				/>
 			</div>
 
-			<div v-else-if="isVideo" class="vac-video-preview">
-				<video width="100%" height="100%" controls>
+			<div v-else-if="isVideo" class="vac-media-preview-container">
+				<video width="100%" height="100%" controls autoplay>
 					<source :src="file.url" />
 				</video>
 			</div>
@@ -45,7 +45,7 @@ export default {
 		file: { type: Object, required: true }
 	},
 
-	emits: ['open-file'],
+	emits: ['close-media-preview'],
 
 	computed: {
 		isImage() {

src/lib/Message/MessageFiles/MessageFile/MessageFile.scss

@@ -55,6 +55,7 @@
 		width: 350px;
 		max-width: 100%;
 		margin: 4px auto 5px;
+		cursor: pointer;
 
 		video {
 			border-radius: 4px;

src/lib/Message/MessageFiles/MessageFile/MessageFile.vue

@@ -58,7 +58,11 @@
 			</div>
 		</div>
 
-		<div v-else-if="isVideo" class="vac-video-container">
+		<div
+			v-else-if="isVideo"
+			class="vac-video-container"
+			@click.stop.prevent="openFile('preview')"
+		>
 			<video width="100%" height="100%" controls>
 				<source :src="file.url" />
 			</video>