diff --git a/package.json b/package.json
index d737720b4..9dbf87111 100644
--- a/package.json
+++ b/package.json
@@ -60,8 +60,5 @@
     "engines": {
         "node": ">= 16.0.0"
     },
-    "pre-commit": [
-        "prettier"
-    ],
     "__npminstall_done": false
-}
+}
\ No newline at end of file
diff --git a/packages/artplayer-vitepress/docs/advanced/event.md b/packages/artplayer-vitepress/docs/advanced/event.md
index 3b87d8a0d..18360f0ee 100644
--- a/packages/artplayer-vitepress/docs/advanced/event.md
+++ b/packages/artplayer-vitepress/docs/advanced/event.md
@@ -626,6 +626,143 @@ art.on('subtitleSwitch', (url) => {
 });
 ```
 
+## `info`
+
+当信息面板显示或隐藏时触发
+
+<div className="run-code">▶ Run Code</div>
+
+```js{6}
+var art = new Artplayer({
+    container: '.artplayer-app',
+    url: '/assets/sample/video.mp4',
+});
+
+art.on('info', (state) => {
+    console.log(state);
+});
+```
+
+## `layer`
+
+当自定义层显示或隐藏时触发
+
+<div className="run-code">▶ Run Code</div>
+
+```js{6}
+var art = new Artplayer({
+    container: '.artplayer-app',
+    url: '/assets/sample/video.mp4',
+});
+
+art.on('layer', (state) => {
+    console.log(state);
+});
+```
+
+## `loading`
+
+当加载器显示或隐藏时触发
+
+<div className="run-code">▶ Run Code</div>
+
+```js{6}
+var art = new Artplayer({
+    container: '.artplayer-app',
+    url: '/assets/sample/video.mp4',
+});
+
+art.on('loading', (state) => {
+    console.log(state);
+});
+```
+
+## `mask`
+
+当遮罩层显示或隐藏时触发
+
+<div className="run-code">▶ Run Code</div>
+
+```js{6}
+var art = new Artplayer({
+    container: '.artplayer-app',
+    url: '/assets/sample/video.mp4',
+});
+
+art.on('mask', (state) => {
+    console.log(state);
+});
+```
+
+## `subtitle`
+
+当字幕层显示或隐藏时触发
+
+<div className="run-code">▶ Run Code</div>
+
+```js{6}
+var art = new Artplayer({
+    container: '.artplayer-app',
+    url: '/assets/sample/video.mp4',
+});
+
+art.on('subtitle', (state) => {
+    console.log(state);
+});
+```
+
+## `contextmenu`
+
+当右键菜单显示或隐藏时触发
+
+<div className="run-code">▶ Run Code</div>
+
+```js{6}
+var art = new Artplayer({
+    container: '.artplayer-app',
+    url: '/assets/sample/video.mp4',
+});
+
+art.on('contextmenu', (state) => {
+    console.log(state);
+});
+```
+
+## `control`
+
+当控制器显示或隐藏时触发
+
+<div className="run-code">▶ Run Code</div>
+
+```js{6}
+var art = new Artplayer({
+    container: '.artplayer-app',
+    url: '/assets/sample/video.mp4',
+});
+
+art.on('control', (state) => {
+    console.log(state);
+});
+```
+
+## `setting`
+
+当设置面板显示或隐藏时触发
+
+<div className="run-code">▶ Run Code</div>
+
+```js{6}
+var art = new Artplayer({
+    container: '.artplayer-app',
+    url: '/assets/sample/video.mp4',
+    setting: true,
+});
+
+art.on('setting', (state) => {
+    console.log(state);
+});
+```
+
 ## `video:canplay`
 
 浏览器可以播放媒体文件了，但估计没有足够的数据来支撑播放到结束，不必停下来进一步缓冲内容
diff --git a/packages/artplayer-vitepress/docs/en/advanced/event.md b/packages/artplayer-vitepress/docs/en/advanced/event.md
index 3b87d8a0d..18360f0ee 100644
--- a/packages/artplayer-vitepress/docs/en/advanced/event.md
+++ b/packages/artplayer-vitepress/docs/en/advanced/event.md
@@ -626,6 +626,143 @@ art.on('subtitleSwitch', (url) => {
 });
 ```
 
+## `info`
+
+当信息面板显示或隐藏时触发
+
+<div className="run-code">▶ Run Code</div>
+
+```js{6}
+var art = new Artplayer({
+    container: '.artplayer-app',
+    url: '/assets/sample/video.mp4',
+});
+
+art.on('info', (state) => {
+    console.log(state);
+});
+```
+
+## `layer`
+
+当自定义层显示或隐藏时触发
+
+<div className="run-code">▶ Run Code</div>
+
+```js{6}
+var art = new Artplayer({
+    container: '.artplayer-app',
+    url: '/assets/sample/video.mp4',
+});
+
+art.on('layer', (state) => {
+    console.log(state);
+});
+```
+
+## `loading`
+
+当加载器显示或隐藏时触发
+
+<div className="run-code">▶ Run Code</div>
+
+```js{6}
+var art = new Artplayer({
+    container: '.artplayer-app',
+    url: '/assets/sample/video.mp4',
+});
+
+art.on('loading', (state) => {
+    console.log(state);
+});
+```
+
+## `mask`
+
+当遮罩层显示或隐藏时触发
+
+<div className="run-code">▶ Run Code</div>
+
+```js{6}
+var art = new Artplayer({
+    container: '.artplayer-app',
+    url: '/assets/sample/video.mp4',
+});
+
+art.on('mask', (state) => {
+    console.log(state);
+});
+```
+
+## `subtitle`
+
+当字幕层显示或隐藏时触发
+
+<div className="run-code">▶ Run Code</div>
+
+```js{6}
+var art = new Artplayer({
+    container: '.artplayer-app',
+    url: '/assets/sample/video.mp4',
+});
+
+art.on('subtitle', (state) => {
+    console.log(state);
+});
+```
+
+## `contextmenu`
+
+当右键菜单显示或隐藏时触发
+
+<div className="run-code">▶ Run Code</div>
+
+```js{6}
+var art = new Artplayer({
+    container: '.artplayer-app',
+    url: '/assets/sample/video.mp4',
+});
+
+art.on('contextmenu', (state) => {
+    console.log(state);
+});
+```
+
+## `control`
+
+当控制器显示或隐藏时触发
+
+<div className="run-code">▶ Run Code</div>
+
+```js{6}
+var art = new Artplayer({
+    container: '.artplayer-app',
+    url: '/assets/sample/video.mp4',
+});
+
+art.on('control', (state) => {
+    console.log(state);
+});
+```
+
+## `setting`
+
+当设置面板显示或隐藏时触发
+
+<div className="run-code">▶ Run Code</div>
+
+```js{6}
+var art = new Artplayer({
+    container: '.artplayer-app',
+    url: '/assets/sample/video.mp4',
+    setting: true,
+});
+
+art.on('setting', (state) => {
+    console.log(state);
+});
+```
+
 ## `video:canplay`
 
 浏览器可以播放媒体文件了，但估计没有足够的数据来支撑播放到结束，不必停下来进一步缓冲内容
diff --git a/packages/artplayer/src/i18n/id.json b/packages/artplayer/src/i18n/id.json
index ae1aae8f6..907a5ab9a 100644
--- a/packages/artplayer/src/i18n/id.json
+++ b/packages/artplayer/src/i18n/id.json
@@ -1,38 +1,38 @@
 {
-"Video Info": "Informasi Video",
-"Close": "Tutup",
-"Video Load Failed": "Gagal Memuat Video",
-"Volume": "Volume",
-"Play": "Putar",
-"Pause": "Jeda",
-"Rate": "Kecepatan",
-"Mute": "Senyap",
-"Video Flip": "Memutar Video",
-"Horizontal": "Horizontal",
-"Vertical": "Vertikal",
-"Reconnect": "Menyambung Kembali",
-"Show Setting": "Tampilkan Pengaturan",
-"Hide Setting": "Sembunyikan Pengaturan",
-"Screenshot": "Tangkapan Layar",
-"Play Speed": "Kecepatan Putar",
-"Aspect Ratio": "Rasio Aspek",
-"Default": "Default",
-"Normal": "Normal",
-"Open": "Buka",
-"Switch Video": "Ganti Video",
-"Switch Subtitle": "Ganti Subtitle",
-"Fullscreen": "Layar Penuh",
-"Exit Fullscreen": "Keluar dari Layar Penuh",
-"Web Fullscreen": "Layar Penuh Web",
-"Exit Web Fullscreen": "Keluar dari Layar Penuh Web",
-"Mini Player": "Pemutar Mini",
-"PIP Mode": "Mode PIP",
-"Exit PIP Mode": "Keluar dari Mode PIP",
-"PIP Not Supported": "PIP Tidak Didukung",
-"Fullscreen Not Supported": "Layar Penuh Tidak Didukung",
-"Subtitle Offset": "Pergeseran Subtitle",
-"Last Seen": "Terakhir Dilihat",
-"Jump Play": "Lompat Putar",
-"AirPlay": "AirPlay",
-"AirPlay Not Available": "AirPlay Tidak Tersedia"
+    "Video Info": "Informasi Video",
+    "Close": "Tutup",
+    "Video Load Failed": "Gagal Memuat Video",
+    "Volume": "Volume",
+    "Play": "Putar",
+    "Pause": "Jeda",
+    "Rate": "Kecepatan",
+    "Mute": "Senyap",
+    "Video Flip": "Memutar Video",
+    "Horizontal": "Horizontal",
+    "Vertical": "Vertikal",
+    "Reconnect": "Menyambung Kembali",
+    "Show Setting": "Tampilkan Pengaturan",
+    "Hide Setting": "Sembunyikan Pengaturan",
+    "Screenshot": "Tangkapan Layar",
+    "Play Speed": "Kecepatan Putar",
+    "Aspect Ratio": "Rasio Aspek",
+    "Default": "Default",
+    "Normal": "Normal",
+    "Open": "Buka",
+    "Switch Video": "Ganti Video",
+    "Switch Subtitle": "Ganti Subtitle",
+    "Fullscreen": "Layar Penuh",
+    "Exit Fullscreen": "Keluar dari Layar Penuh",
+    "Web Fullscreen": "Layar Penuh Web",
+    "Exit Web Fullscreen": "Keluar dari Layar Penuh Web",
+    "Mini Player": "Pemutar Mini",
+    "PIP Mode": "Mode PIP",
+    "Exit PIP Mode": "Keluar dari Mode PIP",
+    "PIP Not Supported": "PIP Tidak Didukung",
+    "Fullscreen Not Supported": "Layar Penuh Tidak Didukung",
+    "Subtitle Offset": "Pergeseran Subtitle",
+    "Last Seen": "Terakhir Dilihat",
+    "Jump Play": "Lompat Putar",
+    "AirPlay": "AirPlay",
+    "AirPlay Not Available": "AirPlay Tidak Tersedia"
 }
diff --git a/packages/artplayer/types/events.d.ts b/packages/artplayer/types/events.d.ts
index 17b373dd7..7468b053d 100644
--- a/packages/artplayer/types/events.d.ts
+++ b/packages/artplayer/types/events.d.ts
@@ -23,6 +23,14 @@ export type Events = {
     'video:timeupdate': [event: Event];
     'video:volumechange': [event: Event];
     'video:waiting': [event: Event];
+    info: [state: boolean];
+    layer: [state: boolean];
+    loading: [state: boolean];
+    mask: [state: boolean];
+    subtitle: [state: boolean];
+    contextmenu: [state: boolean];
+    control: [state: boolean];
+    setting: [state: boolean];
     hotkey: [event: Event];
     destroy: [];
     url: [url: string];