提取共用方法

packages/artplayer/src/player/fullscreenMix.js

@@ -1,4 +1,5 @@
 import screenfull from 'screenfull';
+import { addClass, removeClass } from '../utils';
 
 export default function fullscreenMix(art, player) {
     const {
@@ -41,7 +42,7 @@ export default function fullscreenMix(art, player) {
                 }
 
                 screenfull.request($player).then(() => {
-                    $player.classList.add('artplayer-fullscreen');
+                    addClass($player, 'artplayer-fullscreen');
                     player.aspectRatioReset = true;
                     art.emit('fullscreen:enabled');
                 });
@@ -51,7 +52,7 @@ export default function fullscreenMix(art, player) {
                 }
 
                 screenfull.exit().then(() => {
-                    $player.classList.remove('artplayer-fullscreen');
+                    removeClass($player, 'artplayer-fullscreen');
                     player.aspectRatioReset = true;
                     art.emit('fullscreen:exit');
                 });

packages/artplayer/src/player/fullscreenWebMix.js

@@ -1,3 +1,5 @@
+import { addClass, removeClass, hasClass } from '../utils';
+
 export default function fullscreenWebMix(art, player) {
     const {
         template: { $player },
@@ -5,21 +7,21 @@ export default function fullscreenWebMix(art, player) {
 
     Object.defineProperty(player, 'fullscreenWeb', {
         get() {
-            return $player.classList.contains('artplayer-web-fullscreen');
+            return hasClass($player, 'artplayer-web-fullscreen');
         },
         set(value) {
             if (value) {
                 if (player.fullscreen) {
                     player.fullscreen = false;
                 }
-                $player.classList.add('artplayer-web-fullscreen');
+                addClass($player, 'artplayer-web-fullscreen');
                 player.aspectRatioReset = true;
                 art.emit('fullscreenWeb:enabled');
             } else {
                 if (player.fullscreen) {
                     player.fullscreen = false;
                 }
-                $player.classList.remove('artplayer-web-fullscreen');
+                removeClass($player, 'artplayer-web-fullscreen');
                 player.aspectRatioReset = true;
                 art.emit('fullscreenWeb:exit');
             }

packages/artplayer/src/player/pipMix.js

@@ -1,4 +1,4 @@
-import { append, setStyle } from '../utils';
+import { append, setStyle, addClass, removeClass, hasClass } from '../utils';
 
 function nativePip(art, player) {
     const {
@@ -89,7 +89,7 @@ function customPip(art, player) {
 
     proxy($pipHeader, 'mousemove', event => {
         if (isDroging) {
-            $player.classList.add('is-dragging');
+            addClass($player, 'is-dragging');
             setStyle($player, 'left', `${lastPlayerLeft + event.pageX - lastPageX}px`);
             setStyle($player, 'top', `${lastPlayerTop + event.pageY - lastPageY}px`);
         }
@@ -97,20 +97,20 @@ function customPip(art, player) {
 
     proxy(document, 'mouseup', () => {
         isDroging = false;
-        $player.classList.remove('is-dragging');
+        removeClass($player, 'is-dragging');
     });
 
     proxy($pipClose, 'click', () => {
         player.pip = false;
         isDroging = false;
-        $player.classList.remove('is-dragging');
+        removeClass($player, 'is-dragging');
     });
 
     append($pipTitle, option.title || i18n.get('Mini player'));
 
     const property = {
         get() {
-            return $player.classList.contains('artplayer-pip');
+            return hasClass($player, 'artplayer-pip');
         },
         set(value) {
             if (value) {

packages/artplayer/src/player/switchMix.js

@@ -9,7 +9,7 @@ export default function switchMix(art, player) {
                     option.url = url;
                     player.playbackRate = false;
                     player.aspectRatio = false;
-                    art.once('video:canplay', () => {
+                    art.on('ready', () => {
                         player.currentTime = currentTime;
                     });
                     if (playing) {
@@ -31,7 +31,7 @@ export default function switchMix(art, player) {
                     option.url = url;
                     player.playbackRate = false;
                     player.aspectRatio = false;
-                    art.once('video:canplay', () => {
+                    art.on('ready', () => {
                         player.currentTime = 0;
                     });
                     if (playing) {