Vue示例之使用视频播放

最近接手新项目，从后端变前端，有一点前端基础但是对于Vue一无所知。

一切从零开始，此次需求是项目中有一个视频播放功能。以下做一个简单示例共大家参考。

使用的插件是 vue-vedio-player

输入如下命令

在mainjs里面导入并引用

视频路径写法：

1视频上传到服务器写法（在JS中找到src更换为你的视频路径）

2本地视频路径写法

在assets目录下新建video文件夹导入视频testVideo即可

设置视频封面: poster

路径在assets目录下

检查一下原视频文件。一般都是原文件出现了问题。

建议通过不同的播放器检查视频是否存在卡顿无法完整播放等异常情况。

如果还是不可以就尝试重新上传。或者去相对应的平台进行反馈。

以上就是关于Vue示例之使用视频播放全部的内容，包括:Vue示例之使用视频播放、vanupload手机上传视频无法获取封面、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！