add the id to container dom

packages/artplayer/src/index.js

@@ -29,6 +29,8 @@ const instances = [];
 export default class Artplayer extends Emitter {
     constructor(option) {
         super();
+
+        this.id = ++id;
         this.option = validator(utils.mergeDeep(Artplayer.option, option), scheme);
         this.isFocus = false;
         this.isDestroy = false;
@@ -58,8 +60,6 @@ export default class Artplayer extends Emitter {
             this.mobile = new Mobile(this);
         }
 
-        id += 1;
-        this.id = id;
         instances.push(this);
     }
 

packages/artplayer/src/template.js

@@ -135,6 +135,7 @@ export default class Template {
         this.$contextmenu = this.query('.art-contextmenus');
 
         this.$player.style.setProperty('--theme', theme);
+        this.$container.dataset.artId = this.art.id;
 
         if (backdrop) {
             addClass(this.$settingInner, 'art-backdrop-filter');