diff --git a/docs/thumbnail/js/common.js b/docs/thumbnail/js/common.js
index e69de29bb..23a7c1299 100644
--- a/docs/thumbnail/js/common.js
+++ b/docs/thumbnail/js/common.js
@@ -0,0 +1 @@
+var thumbnail = new ArtplayerToolThumbnail('.artplayer-tool-thumbnail');
\ No newline at end of file
diff --git a/docs/uncompiled/artplayer-tool-thumbnail.js b/docs/uncompiled/artplayer-tool-thumbnail.js
index 5feb3b860..9194475a3 100644
--- a/docs/uncompiled/artplayer-tool-thumbnail.js
+++ b/docs/uncompiled/artplayer-tool-thumbnail.js
@@ -19,6 +19,8 @@
     console.log(this);
   };
 
+  window.ArtplayerToolThumbnail = ArtplayerToolThumbnail;
+
   exports.default = ArtplayerToolThumbnail;
 
   Object.defineProperty(exports, '__esModule', { value: true });
diff --git a/packages/artplayer-tool-thumbnail/src/index.js b/packages/artplayer-tool-thumbnail/src/index.js
index 3e3d18cec..d55b73888 100644
--- a/packages/artplayer-tool-thumbnail/src/index.js
+++ b/packages/artplayer-tool-thumbnail/src/index.js
@@ -1,8 +1,11 @@
 import './index.scss';
 
-export default class ArtplayerToolThumbnail {
+class ArtplayerToolThumbnail {
     constructor(el) {
         this.el = el;
         console.log(this);
     }
-}
\ No newline at end of file
+}
+
+window.ArtplayerToolThumbnail = ArtplayerToolThumbnail;
+export default ArtplayerToolThumbnail;
\ No newline at end of file