4.0.5

packages/artplayer/src/events/index.js

@@ -12,7 +12,6 @@ export default class Events {
         this.proxy = this.proxy.bind(this);
         this.hover = this.hover.bind(this);
         this.loadImg = this.loadImg.bind(this);
-        art.proxy = this.proxy;
 
         if (art.whitelist.state) {
             art.once('ready', () => {

packages/artplayer/src/index.js

@@ -31,7 +31,10 @@ export default class Artplayer extends Emitter {
         super();
 
         this.id = ++id;
-        this.option = validator(utils.mergeDeep(Artplayer.option, option), scheme);
+
+        const mergeOption = utils.mergeDeep(Artplayer.option, option);
+        this.option = validator(mergeOption, scheme);
+
         this.isFocus = false;
         this.isDestroy = false;
         this.userAgent = utils.userAgent;
@@ -40,6 +43,7 @@ export default class Artplayer extends Emitter {
         this.whitelist = new Whitelist(this);
         this.template = new Template(this);
         this.events = new Events(this);
+
         if (this.whitelist.state) {
             this.storage = new Storage(this);
             this.icons = new Icons(this);
@@ -171,6 +175,14 @@ export default class Artplayer extends Emitter {
         };
     }
 
+    get proxy() {
+        return this.events.proxy;
+    }
+
+    get query() {
+        return this.template.query;
+    }
+
     destroy(removeHtml = true) {
         this.events.destroy();
         this.template.destroy(removeHtml);

packages/artplayer/src/template.js

@@ -3,7 +3,8 @@ import { errorHandle, query, addClass, replaceElement } from './utils';
 export default class Template {
     constructor(art) {
         this.art = art;
-        this.art.query = this.query.bind(this);
+
+        this.query = this.query.bind(this);
 
         if (art.option.container instanceof Element) {
             this.$container = art.option.container;