vue是视频播放的问题？

Question

一个视频播放组件，从父组件那里接收视频url，点击播放按钮的时候把这个url给video标签的src。 出现报错信息说没这个资源，好像是这个意思，但是审查元素，发现video标签的src属性已经有了想要的视屏地址。下面是我的代码：

这里是报错信息：Uncaught (in promise) DOMException: The element has no supported sources.

请问这是什么原因