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

View File

@@ -12,7 +12,8 @@
<el-card class="record-card">
<span class="record-content">旅行人{{ item.persons.join('-') }}</span>
<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)"/>
<video v-for="(video, index) in item.videoList"
@@ -33,6 +34,7 @@ import { SvgIcon } from 'vue3-common'
import { useTravelStore } from '@/store/travel.ts'
import { showImagePreview } from 'vant'
import { ITravelRecord } from '@/types/travel.ts'
import { ThumbImageQuery } from '@/utils'
const travelStore = useTravelStore()

View File

@@ -129,7 +129,6 @@ import { ElMessage, ElMessageBox, FormRules, UploadProps, UploadRawFile, UploadR
import { journalRules } from '@/utils/element/elRules.ts'
import { onMounted, reactive, ref } from 'vue'
import { commonElMessageBox } from 'vue3-common/utils/elUtil'
import { AListUrl } from '@/utils'
import { SvgIcon } from 'vue3-common'
import { acceptImageTypes, acceptVideoTypes } from '@/utils/file.ts'
import { beforeUploadImage, beforeUploadVideo, httpRequestFile } from '@/utils/element/elUpload.ts'
@@ -164,7 +163,7 @@ const initFileList = () => {
if (videoUrl) {
videoFileList.value.push({
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 { onMounted, reactive, ref } from 'vue'
import { commonElMessageBox } from 'vue3-common/utils/elUtil'
import { AListUrl } from '@/utils'
import { acceptImageTypes } from '@/utils/file.ts'
import { Plus } from '@element-plus/icons-vue'
import { beforeUploadImage, httpRequestFile } from '@/utils/element/elUpload.ts'