添加自动尺寸

packages/artplayer/src/player/eventInit.js

@@ -4,6 +4,8 @@ import { sleep } from '../utils';
 export default function eventInit(art, player) {
   const { option, events: { proxy }, refs: { $player, $video }, i18n, notice } = art;
   let firstCanplay = false;
+  let reconnectTime = 0;
+  const maxReconnectTime = 5;
 
   proxy($video, 'click', () => {
     player.toggle();
@@ -19,6 +21,12 @@ export default function eventInit(art, player) {
     art.loading.show();
   });
 
+  art.on('video:loadedmetadata', () => {
+    if (option.autoSize) {
+      player.autoSize();
+    }
+  });
+
   art.on('video:loadeddata', () => {
     art.loading.hide();
   });
@@ -32,6 +40,7 @@ export default function eventInit(art, player) {
   });
 
   art.on('video:canplay', () => {
+    reconnectTime = 0;
     if (!firstCanplay) {
       firstCanplay = true;
       art.emit('firstCanplay');
@@ -68,12 +77,12 @@ export default function eventInit(art, player) {
   });
 
   art.on('video:error', () => {
-    if (player.reconnectTime < player.maxReconnectTime) {
+    if (reconnectTime < maxReconnectTime) {
       sleep(1000).then(() => {
         player.reconnectTime++;
         art.emit('beforeMountUrl', option.url);
         $video.src = player.mountUrl(option.url);
-        notice.show(`${i18n.get('Reconnect')}: ${player.reconnectTime}`);
+        notice.show(`${i18n.get('Reconnect')}: ${reconnectTime}`);
       });
     } else {
       art.isPlaying = false;