update docs

This commit is contained in:
Harvey Zack committed 2022-12-31 22:37:51 +08:00
1 parent bfec31bc5f
commit 7aad1936c2
5 files changed
+118 -4

No files matched your search

@@ -0,0 +1,55 @@
---
title: Control Plugin
sidebar_position: 5
---
## Demo
👉 [View Demo](https://artplayer.org/?libs=./uncompiled/artplayer-plugin-control/index.js&example=control)
## Install
### Install from `npm`:
```bash
$ npm install artplayer-plugin-control
```
### Install from `yarn`:
```bash
$ yarn add artplayer-plugin-control
```
### Install from `script`:
```html
<!-- local -->
<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>
```
Then you can access the plugin function through `window.artplayerPluginControl`
## Use
<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(),
],
});
```
@@ -0,0 +1,55 @@
---
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(),
],
});
```