add autoMin

packages/artplayer/src/events/index.js

@@ -3,6 +3,7 @@ import hoverInit from './hoverInit';
 import mousemoveInit from './mousemoveInit';
 import resizeInit from './resizeInit';
 import gestureInit from './gestureInit';
+import viewInit from './viewInit';
 
 export default class Events {
     constructor(art) {
@@ -18,13 +19,14 @@ export default class Events {
                 mousemoveInit(art, this);
                 resizeInit(art, this);
                 gestureInit(art, this);
+                viewInit(art, this);
             });
         }
     }
 
     proxy(target, name, callback, option = {}) {
         if (Array.isArray(name)) {
-            return name.map(item => this.proxy(target, item, callback, option));
+            return name.map((item) => this.proxy(target, item, callback, option));
         }
 
         target.addEventListener(name, callback, option);
@@ -67,6 +69,6 @@ export default class Events {
     }
 
     destroy() {
-        this.destroyEvents.forEach(event => event());
+        this.destroyEvents.forEach((event) => event());
     }
 }

packages/artplayer/src/events/viewInit.js

@@ -0,0 +1,23 @@
+import { debounce, isInViewport } from '../utils';
+
+export default function viewInit(art, events) {
+    const {
+        player,
+        option: { autoMin },
+        template: { $container },
+    } = art;
+
+    const scrollFn = debounce(() => {
+        art.emit('view', isInViewport($container));
+    }, 200);
+
+    events.proxy(window, 'scroll', () => {
+        scrollFn();
+    });
+
+    art.on('view', (state) => {
+        if (autoMin) {
+            player.min = !state;
+        }
+    });
+}