qq_24913945
2020-07-05 18:50
采纳率: 50%
浏览 1.4k
已采纳

用vue+Dplayer实现播放器加载本地视频加载失败

想用vue+Dplayer实现一个播放器的功能,然后用本地视频进行测试,结果无法播放视频,提示视频加载失败,代码大致如下:

<template>
  <div id="dplayer"></div>
</template>

<script>
  import DPlayer from 'dplayer';
  //import "DPlayer.min.css"; //css文件
  export default {
    name:'PlayComponent',
    mounted(){
      const dp = new DPlayer({              // eslint-disable-line no-unused-vars
        container:document.getElementById("dplayer"),
        video: {
          url: 'E:/vue-project/test1/src/assets/static/01.mp4',
          type: 'normal',
        }
      })
    }
  }
</script>

浏览器报错信息是:
Not allowed to load local resource: file:///E:/vue-project/test1/src/assets/static/01.mp4

在网上找这条错误信息,解决方案都是tomcat的,然而我的项目是在npm上跑的,想请问一下有没有什么好的解决方案

  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

1条回答 默认 最新

相关推荐 更多相似问题