mirror of
https://github.com/zhw2590582/ArtPlayer.git
synced 2026-10-29 02:51:20 -08:00
update docs
This commit is contained in:
1 parent
3f1e033152
commit
55ca351b60
119 files changed
+1882
-1882
No files matched your search
@@ -102,8 +102,25 @@ art.on('ready', () => {
|
||||
art.url = '/assets/sample/video.mp4'
|
||||
});
|
||||
|
||||
art.on('restart', () => {
|
||||
console.info('restart');
|
||||
art.on('restart', (url) => {
|
||||
console.info('restart', url);
|
||||
});
|
||||
```
|
||||
|
||||
## `loop`
|
||||
|
||||
当出现区间循环时触发
|
||||
|
||||
<div className="run-code">▶ Run Code</div>
|
||||
|
||||
```js{6}
|
||||
var art = new Artplayer({
|
||||
container: '.artplayer-app',
|
||||
url: '/assets/sample/video.mp4',
|
||||
});
|
||||
|
||||
art.on('loop', (start, end) => {
|
||||
console.info('loop', start, end);
|
||||
});
|
||||
```
|
||||
|
||||
@@ -179,27 +196,6 @@ art.on('destroy', () => {
|
||||
});
|
||||
```
|
||||
|
||||
## `url`
|
||||
|
||||
当视频地址变化时触发
|
||||
|
||||
<div className="run-code">▶ Run Code</div>
|
||||
|
||||
```js{10}
|
||||
var art = new Artplayer({
|
||||
container: '.artplayer-app',
|
||||
url: '/assets/sample/video.mp4',
|
||||
});
|
||||
|
||||
art.on('ready', () => {
|
||||
art.url = '/assets/sample/video.mp4?t=0'
|
||||
});
|
||||
|
||||
art.on('url', (url) => {
|
||||
console.info('url', url);
|
||||
});
|
||||
```
|
||||
|
||||
## `focus`
|
||||
|
||||
当播放器获得焦点时触发
|
||||
@@ -212,8 +208,8 @@ var art = new Artplayer({
|
||||
url: '/assets/sample/video.mp4',
|
||||
});
|
||||
|
||||
art.on('focus', () => {
|
||||
console.info('focus');
|
||||
art.on('focus', (event) => {
|
||||
console.info('focus', event);
|
||||
});
|
||||
```
|
||||
|
||||
@@ -229,8 +225,8 @@ var art = new Artplayer({
|
||||
url: '/assets/sample/video.mp4',
|
||||
});
|
||||
|
||||
art.on('blur', () => {
|
||||
console.info('blur');
|
||||
art.on('blur', (event) => {
|
||||
console.info('blur', event);
|
||||
});
|
||||
```
|
||||
|
||||
@@ -246,8 +242,8 @@ var art = new Artplayer({
|
||||
url: '/assets/sample/video.mp4',
|
||||
});
|
||||
|
||||
art.on('dblclick', () => {
|
||||
console.info('dblclick');
|
||||
art.on('dblclick', (event) => {
|
||||
console.info('dblclick', event);
|
||||
});
|
||||
```
|
||||
|
||||
@@ -263,8 +259,8 @@ var art = new Artplayer({
|
||||
url: '/assets/sample/video.mp4',
|
||||
});
|
||||
|
||||
art.on('click', () => {
|
||||
console.info('click');
|
||||
art.on('click', (event) => {
|
||||
console.info('click', event);
|
||||
});
|
||||
```
|
||||
|
||||
@@ -297,8 +293,8 @@ var art = new Artplayer({
|
||||
url: '/assets/sample/video.mp4',
|
||||
});
|
||||
|
||||
art.on('hover', (state) => {
|
||||
console.info('hover', state);
|
||||
art.on('hover', (state, event) => {
|
||||
console.info('hover', state, event);
|
||||
});
|
||||
```
|
||||
|
||||
@@ -353,6 +349,24 @@ art.on('view', (state) => {
|
||||
});
|
||||
```
|
||||
|
||||
## `lock`
|
||||
|
||||
在移动端,当锁定的状态发生变化时触发
|
||||
|
||||
<div className="run-code">▶ Run Code</div>
|
||||
|
||||
```js{6}
|
||||
var art = new Artplayer({
|
||||
container: '.artplayer-app',
|
||||
url: '/assets/sample/video.mp4',
|
||||
lock: true,
|
||||
});
|
||||
|
||||
art.on('lock', (state) => {
|
||||
console.info('lock', state);
|
||||
});
|
||||
```
|
||||
|
||||
## `aspectRatio`
|
||||
|
||||
当播放器长宽比变化时触发
|
||||
|
||||
Reference in new issue
Block a user