quasar-ui-danx 0.3.31 → 0.3.33

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar-ui-danx",
-  "version": "0.3.31",
+  "version": "0.3.33",
   "author": "Dan <dan@flytedesk.com>",
   "description": "DanX Vue / Quasar component library",
   "license": "MIT",

package/src/components/Utility/Dialogs/FullscreenCarouselDialog.vue

@@ -73,7 +73,8 @@ function isVideo(file) {
 }
 
 function getPreviewUrl(file) {
-	return file.transcodes?.compress?.url || file.blobUrl || file.url;
+	const transcodes = file?.transcodes;
+	return transcodes?.mp4?.url || transcodes?.compress?.url || file.blobUrl || file.url;
 }
 
 function getThumbUrl(file) {

package/src/components/Utility/Files/FilePreview.vue

@@ -167,9 +167,15 @@ const mimeType = computed(
 const isImage = computed(() => !!mimeType.value.match(/^image\//));
 const isVideo = computed(() => !!mimeType.value.match(/^video\//));
 const isPdf = computed(() => !!mimeType.value.match(/^application\/pdf/));
-const previewUrl = computed(
-	() => computedImage.value?.transcodes?.compress?.url || computedImage.value?.blobUrl || computedImage.value?.url
-);
+const previewUrl = computed(() => {
+	const transcodes = computedImage.value?.transcodes;
+
+	if (isVideo.value && transcodes?.mp4?.url) {
+		return transcodes.mp4.url;
+	}
+
+	return transcodes?.compress?.url || computedImage.value?.blobUrl || computedImage.value?.url;
+});
 const thumbUrl = computed(() => {
 	return computedImage.value?.transcodes?.thumb?.url;
 });