artplayer@5.0.9

packages/artplayer/src/player/fullscreenWebMix.js

@@ -1,4 +1,4 @@
-import { addClass, removeClass, hasClass, def, append } from '../utils';
+import { addClass, removeClass, hasClass, def, append, setStyle } from '../utils';
 
 export default function fullscreenWebMix(art) {
     const {
@@ -18,6 +18,8 @@ export default function fullscreenWebMix(art) {
                     append(document.body, $player);
                 }
                 art.state = 'fullscreenWeb';
+                setStyle($player, 'width', '100%');
+                setStyle($player, 'height', '100%');
                 addClass($player, 'art-fullscreen-web');
                 art.emit('fullscreenWeb', true);
             } else {

packages/artplayer/src/style/artplayer.less

@@ -15,7 +15,6 @@
     color: var(--art-font-color);
     background-color: var(--art-background-color);
     text-shadow: 0 0 2px var(--art-text-shadow-color);
-    transition: width, height var(--art-transition-duration) ease;
     font-family: PingFang SC, Helvetica Neue, Microsoft YaHei, Roboto, Arial, sans-serif;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     -ms-touch-action: manipulation;

packages/artplayer/src/style/fullscreenWeb.less

@@ -1,6 +1,4 @@
 .art-fullscreen-web {
     .art-fullscreen();
     .art-full(var(--art-fullscreen-web-index), fixed);
-    width: 100% !important;
-    height: 100% !important;
 }

packages/artplayer/src/style/index.less

@@ -1,30 +1,30 @@
-@import './variables.less';
-@import './mixins.less';
-@import './artplayer.less';
-@import './icon.less';
-@import './backdrop.less';
-@import './video.less';
-@import './poster.less';
-@import './subtitle.less';
-@import './danmuku.less';
-@import './layers.less';
-@import './mask.less';
-@import './loading.less';
-@import './bottom.less';
-@import './progress.less';
-@import './controls.less';
-@import './volume.less';
-@import './notice.less';
-@import './contextmenu.less';
-@import './setting.less';
-@import './info.less';
-@import './hideCursor.less';
-@import './aspectRatio.less';
-@import './fullscreen.less';
-@import './fullscreenWeb.less';
-@import './mini.less';
-@import './flip.less';
-@import './plugins.less';
-@import './selector.less';
-@import './hint.less';
-@import './mobile.less';
+@import './variables';
+@import './mixins';
+@import './artplayer';
+@import './icon';
+@import './backdrop';
+@import './video';
+@import './poster';
+@import './subtitle';
+@import './danmuku';
+@import './layers';
+@import './mask';
+@import './loading';
+@import './bottom';
+@import './progress';
+@import './controls';
+@import './volume';
+@import './notice';
+@import './contextmenu';
+@import './setting';
+@import './info';
+@import './hideCursor';
+@import './aspectRatio';
+@import './fullscreen';
+@import './fullscreenWeb';
+@import './mini';
+@import './flip';
+@import './plugins';
+@import './selector';
+@import './hint';
+@import './mobile';