diff --git a/.gitignore b/.gitignore
index b8b9ae6..1561969 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,4 @@
 node_modules/
 .history/
+
+test.js
diff --git a/dist/artplayer-plugin-playlist.browser.js b/dist/artplayer-plugin-playlist.browser.js
index 1f0dcea..3f15cb5 100644
--- a/dist/artplayer-plugin-playlist.browser.js
+++ b/dist/artplayer-plugin-playlist.browser.js
@@ -29,6 +29,7 @@ var artplayerPlaylist = function artplayerPlaylist(options) {
       if (!options.playlist[index]) {
         return;
       }
+
       // 获取artplayer配置
       var artOptions = art.option;
       var newArtplayer = art;
@@ -40,7 +41,8 @@ var artplayerPlaylist = function artplayerPlaylist(options) {
         // 重建artplayer
         newArtplayer = new Artplayer(_objectSpread(_objectSpread(_objectSpread({}, artOptions), options.playlist[index]), {}, {
           autoplay: (_options$autoNext = options.autoNext) !== null && _options$autoNext !== void 0 ? _options$autoNext : artOptions.autoplay,
-          i18n: addedI18n
+          i18n: addedI18n,
+          id: "".concat(artOptions.id, "-").concat(index === 0 ? '' : index)
         }));
       } else {
         art.switchUrl(options.playlist[index].url, options.playlist[index].title);
@@ -55,7 +57,7 @@ var artplayerPlaylist = function artplayerPlaylist(options) {
       }
     };
 
-    // 自动播放下一集
+    // 自动播放下一P
     var currentEp = options.playlist.findIndex(function (videoInfo) {
       return videoInfo.url === art.option.url;
     });
@@ -66,7 +68,7 @@ var artplayerPlaylist = function artplayerPlaylist(options) {
     }
     var icon = '<i class="art-icon"><svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="22" height="22"><path d="M810.666667 384H85.333333v85.333333h725.333334V384z m0-170.666667H85.333333v85.333334h725.333334v-85.333334zM85.333333 640h554.666667v-85.333333H85.333333v85.333333z m640-85.333333v256l213.333334-128-213.333334-128z" fill="#ffffff"></path></svg></i>';
 
-    // 添加播放列表
+    // 添加播放列表控件
     art.controls.add({
       name: 'playlist',
       position: 'right',
diff --git a/dist/artplayer-plugin-playlist.js b/dist/artplayer-plugin-playlist.js
index ecb54d9..ebc4ad7 100644
--- a/dist/artplayer-plugin-playlist.js
+++ b/dist/artplayer-plugin-playlist.js
@@ -28,6 +28,7 @@ var artplayerPlaylist = function artplayerPlaylist(options) {
       if (!options.playlist[index]) {
         return;
       }
+
       // 获取artplayer配置
       var artOptions = art.option;
       var newArtplayer = art;
@@ -39,7 +40,8 @@ var artplayerPlaylist = function artplayerPlaylist(options) {
         // 重建artplayer
         newArtplayer = new Artplayer(_objectSpread(_objectSpread(_objectSpread({}, artOptions), options.playlist[index]), {}, {
           autoplay: (_options$autoNext = options.autoNext) !== null && _options$autoNext !== void 0 ? _options$autoNext : artOptions.autoplay,
-          i18n: addedI18n
+          i18n: addedI18n,
+          id: "".concat(artOptions.id, "-").concat(index === 0 ? '' : index)
         }));
       } else {
         art.switchUrl(options.playlist[index].url, options.playlist[index].title);
@@ -54,7 +56,7 @@ var artplayerPlaylist = function artplayerPlaylist(options) {
       }
     };
 
-    // 自动播放下一集
+    // 自动播放下一P
     var currentEp = options.playlist.findIndex(function (videoInfo) {
       return videoInfo.url === art.option.url;
     });
@@ -65,7 +67,7 @@ var artplayerPlaylist = function artplayerPlaylist(options) {
     }
     var icon = '<i class="art-icon"><svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="22" height="22"><path d="M810.666667 384H85.333333v85.333333h725.333334V384z m0-170.666667H85.333333v85.333334h725.333334v-85.333334zM85.333333 640h554.666667v-85.333333H85.333333v85.333333z m640-85.333333v256l213.333334-128-213.333334-128z" fill="#ffffff"></path></svg></i>';
 
-    // 添加播放列表
+    // 添加播放列表控件
     art.controls.add({
       name: 'playlist',
       position: 'right',
diff --git a/dist/artplayer-plugin-playlist.min.js b/dist/artplayer-plugin-playlist.min.js
index 32890b9..222434f 100644
--- a/dist/artplayer-plugin-playlist.min.js
+++ b/dist/artplayer-plugin-playlist.min.js
@@ -1 +1 @@
-!function t(e,r,n){function o(l,a){if(!r[l]){if(!e[l]){var u="function"==typeof require&&require;if(!a&&u)return u(l,!0);if(i)return i(l,!0);var c=new Error("Cannot find module '"+l+"'");throw c.code="MODULE_NOT_FOUND",c}var f=r[l]={exports:{}};e[l][0].call(f.exports,(function(t){return o(e[l][1][t]||t)}),f,f.exports,t,e,r,n)}return r[l].exports}for(var i="function"==typeof require&&require,l=0;l<n.length;l++)o(n[l]);return o}({1:[function(t,e,r){"use strict";function n(t){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},n(t)}function o(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function i(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?o(Object(r),!0).forEach((function(e){l(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function l(t,e,r){return(e=function(t){var e=function(t,e){if("object"!==n(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var o=r.call(t,e||"default");if("object"!==n(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"===n(e)?e:String(e)}(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}Object.defineProperty(r,"__esModule",{value:!0}),r.artplayerPlaylist=void 0;var a=function(t){return function(e){var r={"zh-cn":{playlist:"播放列表"},en:{playlist:"Playlist"}};e.i18n.update(r);var n=function(e,n){if(t.playlist[n]){var o,l=e.option,a=e;if(t.rebuildPlayer)e.destroy(),a=new Artplayer(i(i(i({},l),t.playlist[n]),{},{autoplay:null!==(o=t.autoNext)&&void 0!==o?o:l.autoplay,i18n:r}));else e.switchUrl(t.playlist[n].url,t.playlist[n].title),l.autoplay&&e.play();"function"==typeof t.onchanged&&t.onchanged(a)}},o=t.playlist.findIndex((function(t){return t.url===e.option.url}));t.autoNext&&o<t.playlist.length&&e.on("video:ended",(function(){n(e,o+1)}));var l='<i class="art-icon"><svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="22" height="22"><path d="M810.666667 384H85.333333v85.333333h725.333334V384z m0-170.666667H85.333333v85.333334h725.333334v-85.333334zM85.333333 640h554.666667v-85.333333H85.333333v85.333333z m640-85.333333v256l213.333334-128-213.333334-128z" fill="#ffffff"></path></svg></i>';return e.controls.add({name:"playlist",position:"right",html:t.showText?e.i18n.get("playlist"):l,style:{padding:"0 10px"},selector:t.playlist.map((function(t,e){return{html:"".concat(e+1,". ").concat(t.title||"Ep.".concat(e+1)),style:{textAlign:"left"},index:e,default:o===e}})),onSelect:function(r){return n(e,r.index),t.showText?e.i18n.get("playlist"):l}}),{name:"artplayerPlaylist"}}};r.artplayerPlaylist=a,"undefined"!=typeof window&&(window.artplayerPlaylist=a)},{}]},{},[1]);
\ No newline at end of file
+!function t(e,r,n){function o(l,a){if(!r[l]){if(!e[l]){var u="function"==typeof require&&require;if(!a&&u)return u(l,!0);if(i)return i(l,!0);var c=new Error("Cannot find module '"+l+"'");throw c.code="MODULE_NOT_FOUND",c}var f=r[l]={exports:{}};e[l][0].call(f.exports,(function(t){return o(e[l][1][t]||t)}),f,f.exports,t,e,r,n)}return r[l].exports}for(var i="function"==typeof require&&require,l=0;l<n.length;l++)o(n[l]);return o}({1:[function(t,e,r){"use strict";function n(t){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},n(t)}function o(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function i(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?o(Object(r),!0).forEach((function(e){l(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function l(t,e,r){return(e=function(t){var e=function(t,e){if("object"!==n(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var o=r.call(t,e||"default");if("object"!==n(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"===n(e)?e:String(e)}(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}Object.defineProperty(r,"__esModule",{value:!0}),r.artplayerPlaylist=void 0;var a=function(t){return function(e){var r={"zh-cn":{playlist:"播放列表"},en:{playlist:"Playlist"}};e.i18n.update(r);var n=function(e,n){if(t.playlist[n]){var o,l=e.option,a=e;if(t.rebuildPlayer)e.destroy(),a=new Artplayer(i(i(i({},l),t.playlist[n]),{},{autoplay:null!==(o=t.autoNext)&&void 0!==o?o:l.autoplay,i18n:r,id:"".concat(l.id,"-").concat(0===n?"":n)}));else e.switchUrl(t.playlist[n].url,t.playlist[n].title),l.autoplay&&e.play();"function"==typeof t.onchanged&&t.onchanged(a)}},o=t.playlist.findIndex((function(t){return t.url===e.option.url}));t.autoNext&&o<t.playlist.length&&e.on("video:ended",(function(){n(e,o+1)}));var l='<i class="art-icon"><svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="22" height="22"><path d="M810.666667 384H85.333333v85.333333h725.333334V384z m0-170.666667H85.333333v85.333334h725.333334v-85.333334zM85.333333 640h554.666667v-85.333333H85.333333v85.333333z m640-85.333333v256l213.333334-128-213.333334-128z" fill="#ffffff"></path></svg></i>';return e.controls.add({name:"playlist",position:"right",html:t.showText?e.i18n.get("playlist"):l,style:{padding:"0 10px"},selector:t.playlist.map((function(t,e){return{html:"".concat(e+1,". ").concat(t.title||"Ep.".concat(e+1)),style:{textAlign:"left"},index:e,default:o===e}})),onSelect:function(r){return n(e,r.index),t.showText?e.i18n.get("playlist"):l}}),{name:"artplayerPlaylist"}}};r.artplayerPlaylist=a,"undefined"!=typeof window&&(window.artplayerPlaylist=a)},{}]},{},[1]);
\ No newline at end of file
diff --git a/package.json b/package.json
index 8fa9d77..c1bacf9 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "artplayer-playlist",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "artplayer播放列表插件",
   "main": "dist/artplayer-plugin-playlist.js",
   "scripts": {
diff --git a/src/artplayer-plugin-playlist.js b/src/artplayer-plugin-playlist.js
index c2437d6..0300442 100644
--- a/src/artplayer-plugin-playlist.js
+++ b/src/artplayer-plugin-playlist.js
@@ -15,6 +15,7 @@ const artplayerPlaylist = (options) => (art) => {
     if (!options.playlist[index]) {
       return;
     }
+
     // 获取artplayer配置
     const artOptions = art.option;
 
@@ -28,7 +29,8 @@ const artplayerPlaylist = (options) => (art) => {
         ...artOptions,
         ...options.playlist[index],
         autoplay: options.autoNext ?? artOptions.autoplay,
-        i18n: addedI18n
+        i18n: addedI18n,
+        id: `${artOptions.id}-${index === 0 ? '' : index}`
       });
     } else {
       art.switchUrl(options.playlist[index].url, options.playlist[index].title);
@@ -43,7 +45,7 @@ const artplayerPlaylist = (options) => (art) => {
     }
   };
 
-  // 自动播放下一集
+  // 自动播放下一P
   const currentEp = options.playlist.findIndex((videoInfo) => videoInfo.url === art.option.url);
   if (options.autoNext && currentEp < options.playlist.length) {
     art.on('video:ended', () => {
@@ -53,7 +55,7 @@ const artplayerPlaylist = (options) => (art) => {
 
   const icon = '<i class="art-icon"><svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="22" height="22"><path d="M810.666667 384H85.333333v85.333333h725.333334V384z m0-170.666667H85.333333v85.333334h725.333334v-85.333334zM85.333333 640h554.666667v-85.333333H85.333333v85.333333z m640-85.333333v256l213.333334-128-213.333334-128z" fill="#ffffff"></path></svg></i>';
 
-  // 添加播放列表
+  // 添加播放列表控件
   art.controls.add({
     name: 'playlist',
     position: 'right',