fix:修复视频无法播放的问题

This commit is contained in:
2026-04-07 22:49:07 +08:00
parent 08999c608d
commit f8a605b8c0
4 changed files with 6 additions and 6 deletions

View File

@@ -45,7 +45,7 @@
v-if="props.item?.videoUrl" v-if="props.item?.videoUrl"
controls controls
class="media-content"> class="media-content">
<source :src="AListUrl + props.item?.videoUrl" type="video/mp4"> <source :src="props.item?.videoUrl" type="video/mp4">
</video> </video>
<!-- 展开/收起按钮 --> <!-- 展开/收起按钮 -->
@@ -73,7 +73,7 @@ import { formatDate } from 'vue3-common/utils/dateUtil'
import { useJournalStore } from '@/store/journal.ts' import { useJournalStore } from '@/store/journal.ts'
import { useAppStore } from '@/store/app.ts' import { useAppStore } from '@/store/app.ts'
import { useRouter } from 'vue-router' import { useRouter } from 'vue-router'
import { AListUrl, RawImageQuery, ThumbImageQuery } from '@/utils' import { RawImageQuery, ThumbImageQuery } from '@/utils'
import { showImagePreview } from 'vant' import { showImagePreview } from 'vant'
const props = defineProps({ const props = defineProps({

View File

@@ -12,7 +12,8 @@
<el-card class="record-card"> <el-card class="record-card">
<span class="record-content">旅行人{{ item.persons.join('-') }}</span> <span class="record-content">旅行人{{ item.persons.join('-') }}</span>
<el-image v-for="(image, index) in item.imageList" :key="index" <el-image v-for="(image, index) in item.imageList" :key="index"
:src="`${image}?q=70`" fit="cover" alt="暂无图片" class="record-image" :src="`${image}${ThumbImageQuery}`"
fit="cover" alt="暂无图片" class="record-image"
@click="viewImageClick(item, index)"/> @click="viewImageClick(item, index)"/>
<video v-for="(video, index) in item.videoList" <video v-for="(video, index) in item.videoList"
@@ -33,6 +34,7 @@ import { SvgIcon } from 'vue3-common'
import { useTravelStore } from '@/store/travel.ts' import { useTravelStore } from '@/store/travel.ts'
import { showImagePreview } from 'vant' import { showImagePreview } from 'vant'
import { ITravelRecord } from '@/types/travel.ts' import { ITravelRecord } from '@/types/travel.ts'
import { ThumbImageQuery } from '@/utils'
const travelStore = useTravelStore() const travelStore = useTravelStore()

View File

@@ -129,7 +129,6 @@ import { ElMessage, ElMessageBox, FormRules, UploadProps, UploadRawFile, UploadR
import { journalRules } from '@/utils/element/elRules.ts' import { journalRules } from '@/utils/element/elRules.ts'
import { onMounted, reactive, ref } from 'vue' import { onMounted, reactive, ref } from 'vue'
import { commonElMessageBox } from 'vue3-common/utils/elUtil' import { commonElMessageBox } from 'vue3-common/utils/elUtil'
import { AListUrl } from '@/utils'
import { SvgIcon } from 'vue3-common' import { SvgIcon } from 'vue3-common'
import { acceptImageTypes, acceptVideoTypes } from '@/utils/file.ts' import { acceptImageTypes, acceptVideoTypes } from '@/utils/file.ts'
import { beforeUploadImage, beforeUploadVideo, httpRequestFile } from '@/utils/element/elUpload.ts' import { beforeUploadImage, beforeUploadVideo, httpRequestFile } from '@/utils/element/elUpload.ts'
@@ -164,7 +163,7 @@ const initFileList = () => {
if (videoUrl) { if (videoUrl) {
videoFileList.value.push({ videoFileList.value.push({
name: 'video', name: 'video',
url: `${AListUrl}${videoUrl}` url: videoUrl
}) })
} }
} }

View File

@@ -94,7 +94,6 @@ import { ElMessage, ElMessageBox, FormRules, UploadProps, UploadRawFile, UploadR
import { ledgerRules } from '@/utils/element/elRules.ts' import { ledgerRules } from '@/utils/element/elRules.ts'
import { onMounted, reactive, ref } from 'vue' import { onMounted, reactive, ref } from 'vue'
import { commonElMessageBox } from 'vue3-common/utils/elUtil' import { commonElMessageBox } from 'vue3-common/utils/elUtil'
import { AListUrl } from '@/utils'
import { acceptImageTypes } from '@/utils/file.ts' import { acceptImageTypes } from '@/utils/file.ts'
import { Plus } from '@element-plus/icons-vue' import { Plus } from '@element-plus/icons-vue'
import { beforeUploadImage, httpRequestFile } from '@/utils/element/elUpload.ts' import { beforeUploadImage, httpRequestFile } from '@/utils/element/elUpload.ts'