vue H5项目中使用video标签无法播放视频，播放按钮也点不了，屏幕是黑的，解决方案

原始代码<video src="@/video/qiang.mp4" controls="controls"></video>显示结果这样的，按钮都不能点，也不显示视频。然后我测试发现我在我自己的私人项目中使用都是可以的，唯独放在公司的代码中就不行，我就怀疑是不是公司代码太老了或者有其他代码不知道在哪里影响我造成的的原因解决办法这样写，就是src前面加require引入，搞

接口写好了吗

12600人浏览 · 2021-08-29 16:08:15

接口写好了吗 · 2021-08-29 16:08:15 发布

原始代码

<video src="@/video/qiang.mp4" controls="controls"></video>

显示结果

这样的，按钮都不能点，也不显示视频。
在这里插入图片描述
然后我测试发现我在我自己的私人项目中使用都是可以的，唯独放在公司的代码中就不行，我就怀疑是不是公司代码太老了或者有其他代码不知道在哪里影响我造成的的原因

解决办法

这样写，就是src前面加require引入，搞定！

<template>
  <div>
       <video :src= src controls="controls" width="100%" height="300px"></video>
  </div>
</template>

<script>
export default {
data(){
    return{
        src: require("@/video/qiang.mp4")
    }
}
}
</script>

<style>

</style>