The background video on the vue page cannot be played.

the video played on the page will not be played after loading the page
Code:

<video muted width="100%" height="500" autoplay loop  controls="controls">
       <source :src="videoOptions"  type="video/mp4" >
        video 
</video>
 data(){
            return{
                videoOptions:"../../../static/video/banner_gxvideo.mp4",
            }
       }

result:

:
1require

2require

Sep.10,2021

you open the control to see if it is a 404 error that cannot be found in the video file. The path of your video is written incorrectly, such as "/ static/video/banner_gxvideo.mp4" or ". / static/video/banner_gxvideo.mp4" try


change it to .. / static , not so much .. / static

  https://cli.vuejs.org/zh/guid.
(the project of vuecli2 is similar to the static folder)

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b30c0f-2bd31.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b30c0f-2bd31.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?