vue页面放背景视频播放不了

Question

在页面放的视频，加载页面完视频不播放
代码：

<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",
            }
       }

结果：

尝试方法：
1、用require 编译报错

2、不用require ，不报错，请求结果如下

Answer 1

你打开控制看一下是否是视频文件未找到的404错误，你那个视频的路径写错了，写成这样"/static/video/banner_gxvideo.mp4"或者"./static/video/banner_gxvideo.mp4"试试

Answer 2

改成这样../static,不需要那么多../../../static

data(){
    return{
        videoOptions:"../static/video/banner_gxvideo.mp4",
    }
}

Answer 3

视频不要放在一起打包，放在cdn上

Answer 4

vue cli3的项目public文件夹的用法
https://cli.vuejs.org/zh/guid...
（vuecli2的项目类似，是static文件夹）