nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-05-04 05:05:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

video preview in shared single page

Browse Source
This commit is contained in:
Čarodej
2022-02-08 17:34:07 +01:00
parent 4df575f5e9
commit 638a1a9a72
7 changed files with 93 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/js/components/FilePreview/FilePreviewMedia.vue
+1 -1
View File
@@ -21,7 +21,7 @@
<!--Show Audio, Video and Image-->
<div class="w-full h-full flex items-center justify-center">
<Audio v-if="isAudio" :file="currentFile"/>
<Video v-if="isVideo" :file="currentFile" />
<Video v-if="isVideo" :file="currentFile" class="max-w-[1080px] max-h-full self-center mx-auto" />
<ImageFile v-if="isImage" :file="currentFile" class="max-w-[100%] max-h-[100%] self-center mx-auto" />
</div>
</div>
resources/js/components/FilePreview/Media/Video.vue
+9 -11
View File
@@ -1,15 +1,13 @@
<template>
<div class="max-w-[1080px] max-h-full">
<video
:src="file.data.attributes.file_url"
class="video"
:class="{ 'file-shadow': !$isMobile() }"
controlsList="nodownload"
disablePictureInPicture
playsinline
controls
/>
</div>
<video
:src="file.data.attributes.file_url"
class="video"
:class="{ 'file-shadow': !$isMobile() }"
controlsList="nodownload"
disablePictureInPicture
playsinline
controls
/>
</template>
<script>