解润东20211231视频回显

src/views/checked/problem/list/index.vue

@@ -71,7 +71,14 @@
             </van-field>
             <van-field name="uploader2" label="视频上传" >
                 <template #input>
-                    <van-uploader :before-read="beforeReadVideo" accept="video/*" multiple :max-count="5" upload-text="最多上传五个" v-model="uploaderVideo" />
+                    <van-uploader :before-read="beforeReadVideo" accept="video/*" multiple :max-count="5" upload-text="最多上传五个" v-model="uploaderVideo">
+                    <template #preview-cover="{ file,content }">
+                        <div v-if="file.type.indexOf('video') !== -1" >
+                            <video muted autoplay :src="content" style="width:80px;height:80px;object-fit:cover;"></video>
+                        </div>
+                        <div v-else></div>
+                    </template>
+                </van-uploader>
                 </template>
             </van-field>
             <div style="margin: 0.5rem">
@@ -95,6 +102,8 @@ export default {
     data() {
         return {
             /* form表单 */
+            videoList:[{name:'e'},{name:'ddd'}],
+            videourl:'',//视频预览
             // problemName:'',//问题名称
             problemPosition:'',//问题位置
             value:'',//责任单位
@@ -242,6 +251,7 @@ export default {
             this.showPicker = false;
         },
         beforeReadVideo(file) {
+            console.log(file)
             if (file.type.indexOf('video')==-1) {
                 this.$toast.fail('请上传视频！');
                 return false;

src/views/checked/problem/note/edit/index.vue

@@ -60,7 +60,14 @@
             </van-field>
             <van-field name="uploader2" label="视频上传" >
                 <template #input>
-                    <van-uploader :before-read="beforeReadVideo" accept="video/*" multiple :max-count="5" upload-text="最多上传五个" v-model="editObj.videos" />
+                    <van-uploader  :before-read="beforeReadVideo" accept="video/*" multiple :max-count="5" upload-text="最多上传五个" v-model="editObj.videos" >
+                    <template #preview-cover="{ file,content }">
+                        <div v-if="file.type.indexOf('video') !== -1" >
+                            <video muted autoplay :src="content" style="width:80px;height:80px;object-fit:cover;"></video>
+                        </div>
+                        <div v-else></div>
+                    </template>
+                </van-uploader>
                 </template>
             </van-field>
             <div style="margin: 0.5rem">

src/views/notice/noticeList/edit/index.vue

@@ -60,7 +60,14 @@
             </van-field>
             <van-field name="uploader2" label="视频上传">
                 <template #input>
-                    <van-uploader  :before-read="beforeReadVideo" accept="video/*" multiple :max-count="5" upload-text="最多上传五个" v-model="editObj.videos" />
+                    <van-uploader :before-read="beforeReadVideo" accept="video/*" multiple :max-count="5" upload-text="最多上传五个" v-model="editObj.videos" >
+                    <template #preview-cover="{ file,content }">
+                        <div v-if="file.type.indexOf('video') !== -1" >
+                            <video muted autoplay :src="content" style="width:80px;height:80px;object-fit:cover;"></video>
+                        </div>
+                        <div v-else></div>
+                    </template>
+                </van-uploader>
                 </template>
             </van-field>
             <div style="margin: 0.5rem">