vue是一款流行的javascript框架，它可以方便地构建用户界面。在vue中，我们可以很容易地将数据绑定到视图中，使一些动态数据的显示变得非常简单。对于视频的播放，在vue中也可以非常方便地控制。本文将介绍如何在vue中动态修改video的src。
- 初始化Video
首先，在Vue组件中初始化Video，我们可以使用HTML标签
在上面的示例中，定义了一个data对象，其中videoSrc表示视频源的地址。我们在Vue组件的template标签中创建了一个video标签，并使用了V-bind指令把videoSrc绑定到video的src属性上。这样，Vue就会在初始化之后自动把videoSrc值填充到video标签中。
- 动态修改video的src
现在，我们已经在Vue组件中创建了一个video标签，并成功地把视频源地址绑定到了它的src属性上。如果我们想要在app执行过程中动态修改视频源，可以使用$.refs.videoRef属性。
在上面的示例中，我们定义了一个按钮，并给它绑定一个click事件。当用户点击该按钮时，会调用changeVideo方法。在这个方法中，我们动态修改了数据对象中的videoSrc值。当videoSrc值改变时，Vue框架会自动更新video标签的src属性。但是video标签并不会自动重新加载新的视频流，所以我们需要手动调用load()方法来重新加载新的视频源，并且调用play()方法来开始播放。
升级报告：增加动态新闻功能后台添加，删除，编辑，支持UBB代码，支持上传片及文件。 增加我要入团功能散客可以自由选择加入贵社最近要出发的团队。 增加线路置顶功能置顶后的线路永远显示在最前面。 增加同行报价功能管理员在后台添加同行用户，同行用户登录后可查看贵社线路对同行的报价。同行报价在添加线路中一并添加。（感谢网友拽哥提出修改意见） 增加更多线路显示的分页功能方便大型旅行社由于线路过多而引起的部分
立即学习“前端免费学习笔记（深入）”；
- 小结
本文介绍了如何在Vue中动态修改video的src。通过在Vue组件中创建video标签，并将视频源地址绑定到它的src属性上，我们可以轻松地呈现出一个可播放的视频。如果需要在应用程序运行期间动态修改视频源，请使用$refs.videoRef属性来获取video标签的引用，并使用load()和play()方法重新加载和播放新的视频源。
