Vue.js的自定义轻量级视频播放器 – vue-core-video-player

Vue.js的自定义轻量级视频播放器 – vue-core-video-player

插件名称:vue-core-video-player

发布时间:2020年5月8日

插件作者:core-player

官网 演示 GitHub下载

适用于Vue.js应用程序的可自定义的轻量级多语言视频播放器。

安装和下载:

# Yarn
$ yarn add vue-core-video-player

# NPM
$ npm install vue-core-video-player --save

更多功能:

  • 服务器端渲染。
  • 支持画中画。
  • 移动友好。
  • 自定义视频徽标,封面,标题。

如何使用它:

1.安装并导入组件。

import VueCoreVideoPlayer from 'vue-core-video-player'

2.注册视频播放器组件。

Vue.use(VueCoreVideoPlayer);

3.将视频播放器组件添加到应用模板。

<div id="app">
  <div class="player-container">
    <vue-core-video-player src="/path/to/1.mp4"></vue-core-video-player>
  </div>
</div>
相关插件