移除大部分异步操作

packages/artplayer/src/events/index.js

@@ -10,11 +10,13 @@ export default class Events {
         this.proxy = this.proxy.bind(this);
         this.hover = this.hover.bind(this);
         this.loadImg = this.loadImg.bind(this);
-        clickInit(art, this);
-        hoverInit(art, this);
-        mousemoveInit(art, this);
-        resizeInit(art, this);
-        doubleClickInit(art, this);
+        art.on('firstCanplay', () => {
+            clickInit(art, this);
+            hoverInit(art, this);
+            mousemoveInit(art, this);
+            resizeInit(art, this);
+            doubleClickInit(art, this);
+        });
     }
 
     proxy(target, name, callback, option = {}) {

packages/artplayer/src/events/resizeInit.js

@@ -1,5 +1,4 @@
 import { ResizeObserver } from 'resize-observer';
-import { sleep } from '../utils';
 
 export default function resizeInit(art, events) {
     const {
@@ -7,17 +6,15 @@ export default function resizeInit(art, events) {
         template: { $player },
     } = art;
     const resizeObserver = new ResizeObserver(() => {
-        sleep().then(() => {
-            if (option.autoSize) {
-                if (!art.player.fullscreenState && !art.player.fullscreenWebState && !art.player.pipState) {
-                    art.player.autoSize();
-                } else {
-                    art.player.autoSizeRemove();
-                }
+        if (option.autoSize) {
+            if (!art.player.fullscreenState && !art.player.fullscreenWebState && !art.player.pipState) {
+                art.player.autoSize();
+            } else {
+                art.player.autoSizeRemove();
             }
-            art.player.aspectRatioReset();
-            art.emit('resize', $player);
-        });
+        }
+        art.player.aspectRatioReset();
+        art.emit('resize', $player);
     });
     resizeObserver.observe($player);
     events.destroyEvents.push(() => {