vue 页面插入视频,使用如下代码:

<video width="320" height="240" controls>
    <source :src="video_url" type="video/mp4" />
</video>

本想使用 video_url 动态绑定视频地址,页面首次加载能正常播放视频,但 video_url 的值改变后,页面上的视频却没有改变,播的还是原来的视频。

将代码改成下面格式即可:

<video :src="video_url" width="320" height="240" controls></video>

也就是,要将视频地址绑定到 video 标签的 src 属性上。

同理,audio 标签也是如此处理。