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

JavaScript013

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 - 博客园

1.播放器外层容器定义动态样式,播放器本身增加动画

2.定义变量记录当前是否处于全模式

3.切换全屏方法

4.页面样式控制的相关计算属性

5.部分css样式