mirror of
https://github.com/zhw2590582/ArtPlayer.git
synced 2026-10-17 10:01:20 -08:00
56 lines
1.1 KiB
Plaintext
56 lines
1.1 KiB
Plaintext
---
|
|
title: 控制栏插件
|
|
sidebar_position: 5
|
|
---
|
|
|
|
## 演示
|
|
|
|
👉 [查看完整演示](https://artplayer.org/?libs=./uncompiled/artplayer-plugin-control/index.js&example=control)
|
|
|
|
## 安装
|
|
|
|
### 通过 `npm` 安装：
|
|
|
|
```bash
|
|
$ npm install artplayer-plugin-control
|
|
```
|
|
|
|
### 通过 `yarn` 安装：
|
|
|
|
```bash
|
|
$ yarn add artplayer-plugin-control
|
|
```
|
|
|
|
### 通过 `script` 安装：
|
|
|
|
```html
|
|
<!-- 本地 -->
|
|
<script src="path/to/artplayer-plugin-control.js"></script>
|
|
|
|
<!-- jsdelivr -->
|
|
<script src="https://cdn.jsdelivr.net/npm/artplayer-plugin-control/dist/artplayer-plugin-control.js"></script>
|
|
|
|
<!-- unpkg -->
|
|
<script src="https://unpkg.com/artplayer-plugin-control/dist/artplayer-plugin-control.js"></script>
|
|
```
|
|
|
|
然后你可以通过 `window.artplayerPluginControl` 访问到插件函数
|
|
|
|
## 使用
|
|
|
|
<div className="run-code" data-libs="./uncompiled/artplayer-plugin-control/index.js">
|
|
▶ Run Code
|
|
</div>
|
|
|
|
```js
|
|
var art = new Artplayer({
|
|
container: '.artplayer-app',
|
|
url: '/assets/sample/video.mp4',
|
|
fullscreen: true,
|
|
fullscreenWeb: true,
|
|
plugins: [
|
|
artplayerPluginControl(),
|
|
],
|
|
});
|
|
```
|