这里写目录标题
问题场景
当写死一个url地址时不报错，使用动态参数赋值，就会报错。如下图：
代码如下，写死一个url地址可以正常播放视频。
如果使用在vue中使用:src进行赋值，则提示No compatible source was found for this media。
<video id="example-video" width="800" height="400" class="video-js vjs-default-skin vjs-big-play-centered" poster="">
<source :src="vedioUrl" type="application/x-mpegURL" id="target">
</video>
产生原因
此处是由于页面加载时，发出请求获取视频播放地址，服务器尚未响应回页面，页面的vediojs就已经提前加载了，此时加载不到url则会提示”No compatible source was found for this media“
解决方式:
在请求回调中，为vedio的src赋值，并且调用vediojs，使其播放即可解决。
此处注意使用js进行赋值，使用vue的语法:src依然会产生该问题。
参考文档解决：https://bbs.csdn.net/topics/393541379