build docs

packages/artplayer-vitepress/docs/en/index.md

@@ -271,4 +271,32 @@ export default {
     }
   }
 }
-```
+```
+
+## Old browsers
+
+Production builds of `artplayer.js` are only compatible with the last major version of `Chrome`: `last 1 Chrome version`
+
+For older browsers, use the `artplayer.legacy.js` file, compatible up to: `IE 11`
+
+```js
+import Artplayer from 'artplayer/dist/artplayer.legacy.js';
+```
+
+::: code-group
+
+```bash [jsdelivr.net]
+https://cdn.jsdelivr.net/npm/artplayer/dist/artplayer.legacy.js
+```
+
+```bash [unpkg.com]
+https://unpkg.com/artplayer/dist/artplayer.legacy.js
+```
+
+:::
+
+If you want to be compatible with older browsers, please modify the following configuration and build it yourself:
+
+Build configuration: [/scripts/build.js](https://github.com/zhw2590582/ArtPlayer/blob/master/scripts/build.js#L29)
+
+Reference documents: [browserslist](https://github.com/browserslist/browserslist#full-list)

packages/artplayer-vitepress/docs/index.md

@@ -267,4 +267,32 @@ export default {
     }
   }
 }
-```
+```
+
+## 古老的浏览器
+
+生产构建的 `artplayer.js` 只兼容最新一个主版本的 `Chrome`：`last 1 Chrome version`
+
+对于古老的浏览器，可以使用 `artplayer.legacy.js` 文件，可以兼容到：`IE 11`
+
+```js
+import Artplayer from 'artplayer/dist/artplayer.legacy.js';
+```
+
+::: code-group
+
+```bash [jsdelivr.net]
+https://cdn.jsdelivr.net/npm/artplayer/dist/artplayer.legacy.js
+```
+
+```bash [unpkg.com]
+https://unpkg.com/artplayer/dist/artplayer.legacy.js
+```
+
+:::
+
+假如你要兼容更古老的浏览器时，请修改以下配置然后自行构建：
+
+构建配置：[scripts/build.js](https://github.com/zhw2590582/ArtPlayer/blob/master/scripts/build.js#L29)
+
+参考文档：[browserslist](https://github.com/browserslist/browserslist#full-list)

packages/artplayer/src/setting/index.js

@@ -120,7 +120,7 @@ export default class Setting extends Component {
     remove(name) {
         const item = this.find(name);
         errorHandle(item, `Can't find [${name}] from the [setting]`);
-        const parent = item.$parentItem ? item.$parentItem.selector : this.option;
+        const parent = item.$parentItem?.selector || this.option;
         parent.splice(parent.indexOf(item), 1);
         this.option = Setting.makeRecursion(this.option);
         this.destroy();

packages/artplayer/src/style/mixins.less

@@ -6,10 +6,7 @@
 
 .art-full(@index: 0, @position: absolute) {
     position: @position;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
+    inset: 0;
     z-index: @index;
     width: 100%;
     height: 100%;