vue-video-player插件播放mp4视频

使用vue-video-player插件播放mp4视频,f12已经看到了路径,而且点进路径是可以播放成功视频的
目前没报错,也打印出来了视频,就是视频不显示,

img


就是一个很简单的mp4

img

img


都定义好了,然后我直接在src上写静态的mp4地址是可以播放的,现在是动态获取后端的地址就无法播放

img

img

  • 这个问题的回答你可以参考下: https://ask.csdn.net/questions/7508178
  • 你也可以参考下这篇文章:使用vue-video-player播放视频 一个页面多个视频,并且只能唯一播放
  • 除此之外, 这篇博客: @前端vue-video-player 插件多视频获取后端数据的插件实践中的 其他按钮方法 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  • // 播放回调
    onPlayerPlay(player) {
    console.log(“player play!”, player);
    },

    // 暂停回调
    onPlayerPause(player) {
      console.log("player pause!", player);
    },
    
    // 视频播完回调
    onPlayerEnded($event) {
      console.log(player);
    },
    
    // DOM元素上的readyState更改导致播放停止
    onPlayerWaiting($event) {
      console.log(player);
    },
    
    // 已开始播放回调
    onPlayerPlaying($event) {
      console.log(player);
    },
    
    // 当播放器在当前播放位置下载数据时触发
    onPlayerLoadeddata($event) {
      console.log(player);
    },
    
    // 当前播放位置发生变化时触发。
    onPlayerTimeupdate($event) {
      console.log(player);
    },
    

    实现效果:

    在这里插入图片描述