bugfix

packages/artplayer/src/events/resizeInit.js

@@ -6,7 +6,11 @@ export default function resizeInit(art, events) {
   const resizeObserver = new ResizeObserver(() => {
     sleep().then(() => {
       if (option.autoSize) {
-        if (!art.player.fullscreenState && !art.player.fullscreenWebState) {
+        if (
+          !art.player.fullscreenState &&
+          !art.player.fullscreenWebState &&
+          !art.player.pipState
+        ) {
           art.player.autoSize();
         } else {
           art.player.autoSizeRemove();

packages/artplayer/src/player/autoSizeMix.js

@@ -3,6 +3,10 @@ import { setStyle } from '../utils';
 export default function resizeMix(art, player) {
   const { refs: { $container, $player, $video } } = art;
 
+  Object.defineProperty(player, 'autoSizeState', {
+    get: () => $container.classList.contains('artplayer-auto-size')
+  });
+
   Object.defineProperty(player, 'autoSize', {
     value: () => {
       const { videoWidth, videoHeight } = $video;

packages/artplayer/src/player/pipMix.js

@@ -16,6 +16,10 @@ export default function pipMix(art, player) {
 
   Object.defineProperty(player, 'pipEnabled', {
     value: () => {
+      if (player.autoSizeState) {
+        player.autoSizeRemove();
+      }
+
       if (!draggie) {
         draggie = new Draggabilly($player, {
           handle: '.artplayer-pip-header'
@@ -34,6 +38,7 @@ export default function pipMix(art, player) {
         setStyle($player, 'left', `${cachePos.x}px`);
         setStyle($player, 'top', `${cachePos.y}px`);
       }
+
       $player.classList.add('artplayer-pip');
       player.fullscreenExit();
       player.fullscreenWebExit();