vuevideo基于vue.js的视频播放器组件

JavaScript046

vuevideo基于vue.js的视频播放器组件,第1张

一款基于 vue.js 的轻量级的视频播放器插件插件

NPM

或者使用 yarn

默认英语,你如果想成中文就加一个 lang

en: 英语

zh-CN: 简体中文

jp: 日本

Use custom language data

外部路径:

非常简单!就是直接上!

本地路径:

不能直接 ./assets/1.mp4 ,无效的。需要使用 require("...")

组件保持了和原生 HTML Video 属性配置的对接

案例

VueCoreVideoPlayer 遵循 W3C 标准的媒体事件 API ,你可以前往 MDN 获取这些细节,下面罗列一些非常常用的事件:

原文地址:vue-core-video-player-基于vue.js的视频播放器组件 - Iron_Man-super - 博客园

vue使用video.js播放ktv视频显示不支持。在vue页使用video.js方法调用时候遇到问题,一直提示无法找到视频文件正确路径,无法播放。视频播放需要在DOM加载完毕,并且获取到后端返回的视频播放地址之后才可以正确播放。nextTick使用,并且确认需要拿到video.js变量之后,视频可以正确播放了。