spring boot+vue实现 视频播放 功能

实现功能：后端访问数据库，得到 视频资源 地址，传给前端，实现播放。

<template>
    <div class="video_box">
        <video ref="videoPlayer" class="video-js" :src="this.videoSrc">

        </video>
    </div>
</template>

<script>
    export default {
        name: "VideoPlayer",
        videoSrc:"../video/test1.mp4",
</script>

这样视频，就不会播放，也没有报错。
如果这样：

<video ref="videoPlayer" class="video-js" :src="../video/test1.mp4">

就可以播放，怎么办= =

个人觉得是不是加载顺序的问题，当读取this.videoSrc其实还没有赋值。
考虑下将this.videoSrc打印出来看看。

你这都没在data里面啊

看了你的代码发现两个问题
1、src绑定的数据videoSrc，要么在props中接收或者在data 定义，例如

  data() {
    return {
       videoSrc:"../video/test1.mp4",
    };
  },

你可以在mounted中打印一下videoSrc的值，没有输出就是videoSrc这个值不存在。（没有定义成功或者没有接收）

2、videoSrc赋值不能用相对路径，页面已经渲染完了，你赋值他只会认为是一个值，而不会渲染这个相对路径，用url地址是可以的