123

src/components/Video/index.vue

@@ -10,7 +10,7 @@ import 'vue3-video-play/dist/style.css' // 引入css
 import { reactive } from 'vue'
 import Post from '@/assets/img/intro/bg.jpg'
 const props = defineProps({
-  videoUrl: String,
+  videoUrl: {},
   autoPlay: {
     default: false,
     type: Boolean,

src/views/Index/components/IntroVideo/index.vue

@@ -10,7 +10,7 @@
         <p class="close" @click="cancleDialog">
           <img :src="Close" class="img_c" alt="" />
         </p>
-        <Video videoUrl="/src/assets/img/intro/a.m4v" :autoPlay="true" />
+        <Video :videoUrl="Movie" :autoPlay="true" />
       </div>
     </div>
   </div>
@@ -19,6 +19,7 @@
 <script setup>
 import Play from '@/assets/img/intro/play.png'
 import Close from '@/assets/img/intro/close.png'
+import Movie from '@/assets/a.m4v'
 import Video from 'cpns/Video'
 import { ref } from 'vue'
 const dialogVisible = ref(false)
@@ -76,7 +77,7 @@ const cancleDialog = e => {
       .close {
         position: absolute;
         right: -50px;
-        top: -50px;
+        top: 0;
         width: 30px;
         height: 30px;
         cursor: pointer;

vite.config.js

@@ -15,6 +15,7 @@ export default defineConfig({
     },
     extensions: ['.js', '.json', '.vue'],
   },
+  assetsInclude: ['**/*.m4v'],
   server: {
     host: '0.0.0.0',
   },