update property.js

packages/artplayer/src/index.js

@@ -33,6 +33,11 @@ export default class Artplayer extends Emitter {
         this.id = ++id;
 
         const mergeOption = utils.mergeDeep(Artplayer.option, option);
+
+        if (option.container instanceof Element) {
+            mergeOption.container = option.container;
+        }
+
         this.option = validator(mergeOption, scheme);
 
         this.isLock = false;

packages/artplayer/src/setting/index.js

@@ -10,6 +10,7 @@ import {
     addClass,
     setStyle,
     isMobile,
+    mergeDeep,
     inverseClass,
     createElement,
     includeFromEvent,
@@ -98,7 +99,8 @@ export default class Setting extends Component {
         this.remove();
         this.events = [];
         this.cache = new Map();
-        const mergeSettings = [...this.defaultSettings, ...settings];
+        const settingsCopy = settings.map((item) => mergeDeep({}, item));
+        const mergeSettings = [...this.defaultSettings, ...settingsCopy];
         this.option = Setting.makeRecursion(mergeSettings);
         this.render(this.option);
         return this.option;

packages/artplayer/src/utils/property.js

@@ -17,7 +17,7 @@ export function mergeDeep(...objects) {
             const oVal = obj[key];
             if (Array.isArray(pVal) && Array.isArray(oVal)) {
                 prev[key] = pVal.concat(...oVal);
-            } else if (isObject(pVal) && isObject(oVal) && !(oVal instanceof Element)) {
+            } else if (isObject(pVal) && isObject(oVal)) {
                 prev[key] = mergeDeep(pVal, oVal);
             } else {
                 prev[key] = oVal;