diff --git a/packages/artplayer/src/notice.js b/packages/artplayer/src/notice.js
index 5e2496e5d..ddadc133d 100644
--- a/packages/artplayer/src/notice.js
+++ b/packages/artplayer/src/notice.js
@@ -13,6 +13,7 @@ export default class Notice {
         addClass($player, 'art-notice-show');
         clearTimeout(this.timer);
         this.timer = setTimeout(() => {
+            $noticeInner.innerText = '';
             removeClass($player, 'art-notice-show');
         }, this.time);
     }
diff --git a/packages/artplayer/src/template.js b/packages/artplayer/src/template.js
index 2f785a232..97339427b 100644
--- a/packages/artplayer/src/template.js
+++ b/packages/artplayer/src/template.js
@@ -3,7 +3,7 @@ import { errorHandle, query, addClass } from './utils';
 export default class Template {
     constructor(art) {
         this.art = art;
-        
+
         if (art.option.container instanceof Element) {
             this.$container = art.option.container;
         } else {
@@ -22,9 +22,9 @@ export default class Template {
         );
 
         if (art.whitelist.state) {
-            this.initDesktop();
+            this.desktop();
         } else {
-            this.initMobile();
+            this.mobile();
         }
     }
 
@@ -32,7 +32,7 @@ export default class Template {
         return query(className, this.$container);
     }
 
-    initDesktop() {
+    desktop() {
         this.$container.innerHTML = `
           <div class="art-video-player art-subtitle-show art-layer-show" style="--theme: ${this.art.option.theme}">
             <video class="art-video">
@@ -126,7 +126,7 @@ export default class Template {
         this.$contextmenu = this.query('.art-contextmenus');
     }
 
-    initMobile() {
+    mobile() {
         this.$container.innerHTML = `
           <div class="art-video-player">
             <video class="art-video"></video>
diff --git a/packages/artplayer/src/whitelist.js b/packages/artplayer/src/whitelist.js
index 84f696fad..07a2fc8ff 100644
--- a/packages/artplayer/src/whitelist.js
+++ b/packages/artplayer/src/whitelist.js
@@ -4,7 +4,7 @@ export default class Whitelist {
             constructor: { kindOf },
             option: { whitelist },
         } = art;
-        this.ua = window.navigator.userAgent;
+        this.ua = navigator.userAgent;
         this.isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(this.ua);
         this.state =
             !this.isMobile ||