diff --git a/docs/assets/sample/subtitle.cn.srt b/docs/assets/sample/subtitle.cn.srt
new file mode 100644
index 000000000..71750ff24
--- /dev/null
+++ b/docs/assets/sample/subtitle.cn.srt
@@ -0,0 +1,135 @@
+1
+00:00:00,306 --> 00:00:00,844
+那一天
+
+2
+00:00:01,280 --> 00:00:02,220
+星星降落的日子
+
+3
+00:00:03,148 --> 00:00:04,412
+那简直是
+
+4
+00:00:04,446 --> 00:00:04,966
+简直
+
+5
+00:00:05,120 --> 00:00:06,300
+像梦中的景色一样
+
+6
+00:00:07,438 --> 00:00:08,978
+美丽的景色
+
+7
+00:00:24,596 --> 00:00:25,089
+放学后
+
+8
+00:00:25,705 --> 00:00:26,261
+不好
+
+9
+00:00:26,475 --> 00:00:27,679
+我今天开始打工
+
+10
+00:00:29,345 --> 00:00:31,689
+已经讨厌这样的乡下了
+
+11
+00:00:31,969 --> 00:00:33,527
+讨厌这样的人生
+
+12
+00:00:33,927 --> 00:00:37,970
+来世请让我成为东京的帅哥吧
+
+13
+00:00:42,083 --> 00:00:42,874
+哪里
+
+14
+00:00:43,052 --> 00:00:44,166
+那么说来
+
+15
+00:00:44,554 --> 00:00:47,078
+我觉得好像一直做着奇怪的梦
+
+16
+00:00:48,324 --> 00:00:50,626
+别人的人生中…梦
+
+17
+00:00:51,452 --> 00:00:52,740
+这是什么
+
+18
+00:00:54,778 --> 00:00:55,442
+这个，这个
+
+19
+00:00:56,724 --> 00:00:57,724
+这难道是
+
+20
+00:00:58,076 --> 00:00:59,328
+我们在梦中
+
+21
+00:01:00,136 --> 00:01:01,202
+替换着
+
+22
+00:01:07,369 --> 00:01:08,297
+确实的事情
+
+23
+00:01:08,757 --> 00:01:09,541
+只有一个
+
+24
+00:01:10,325 --> 00:01:11,037
+我们是
+
+25
+00:01:11,425 --> 00:01:12,317
+见面的话绝对
+
+26
+00:01:12,681 --> 00:01:13,531
+马上就明白
+
+27
+00:01:14,255 --> 00:01:15,279
+我想说
+
+28
+00:01:16,075 --> 00:01:17,579
+你是世界的无论在哪里
+
+29
+00:01:17,955 --> 00:01:19,051
+一定要去见你
+
+30
+00:01:20,141 --> 00:01:20,943
+你是
+
+31
+00:01:21,361 --> 00:01:21,803
+谁
+
+32
+00:01:22,197 --> 00:01:22,759
+你是
+
+33
+00:01:23,483 --> 00:01:24,039
+谁
+
+34
+00:01:25,693 --> 00:01:26,465
+你的名字是
\ No newline at end of file
diff --git a/docs/assets/sample/subtitle.jp.srt b/docs/assets/sample/subtitle.jp.srt
new file mode 100644
index 000000000..5e01a8241
--- /dev/null
+++ b/docs/assets/sample/subtitle.jp.srt
@@ -0,0 +1,135 @@
+1
+00:00:00,306 --> 00:00:00,844
+あの日
+
+2
+00:00:01,280 --> 00:00:02,220
+星が降った日
+
+3
+00:00:03,148 --> 00:00:04,412
+それはまるで
+
+4
+00:00:04,446 --> 00:00:04,966
+まるで
+
+5
+00:00:05,120 --> 00:00:06,300
+夢の景色のように
+
+6
+00:00:07,438 --> 00:00:08,978
+美しい眺めだった
+
+7
+00:00:24,596 --> 00:00:25,089
+放課後
+
+8
+00:00:25,705 --> 00:00:26,261
+悪い
+
+9
+00:00:26,475 --> 00:00:27,679
+おれ今日これからバイト
+
+10
+00:00:29,345 --> 00:00:31,689
+もうこんな田舎嫌だよー
+
+11
+00:00:31,969 --> 00:00:33,527
+こんな人生嫌だ
+
+12
+00:00:33,927 --> 00:00:37,970
+来世は東京のイケメン男子にしてくださーい
+
+13
+00:00:42,083 --> 00:00:42,874
+どこ
+
+14
+00:00:43,052 --> 00:00:44,166
+そういえば
+
+15
+00:00:44,554 --> 00:00:47,078
+ずっと変な夢を見てたような気がするんだけど
+
+16
+00:00:48,324 --> 00:00:50,626
+別の人の人生の…夢
+
+17
+00:00:51,452 --> 00:00:52,740
+何だ これ
+
+18
+00:00:54,778 --> 00:00:55,442
+これって
+
+19
+00:00:56,724 --> 00:00:57,724
+これってもしかして
+
+20
+00:00:58,076 --> 00:00:59,328
+俺達は夢の中で
+
+21
+00:01:00,136 --> 00:01:01,202
+入れ替わってる
+
+22
+00:01:07,369 --> 00:01:08,297
+確かなことが
+
+23
+00:01:08,757 --> 00:01:09,541
+一つだけある
+
+24
+00:01:10,325 --> 00:01:11,037
+私達は
+
+25
+00:01:11,425 --> 00:01:12,317
+会えば絶対
+
+26
+00:01:12,681 --> 00:01:13,531
+すぐにわかる
+
+27
+00:01:14,255 --> 00:01:15,279
+言おうと思ったんだ
+
+28
+00:01:16,075 --> 00:01:17,579
+お前が世界のどこにいても
+
+29
+00:01:17,955 --> 00:01:19,051
+必ず会いに行くって
+
+30
+00:01:20,141 --> 00:01:20,943
+あなたは
+
+31
+00:01:21,361 --> 00:01:21,803
+誰
+
+32
+00:01:22,197 --> 00:01:22,759
+お前は
+
+33
+00:01:23,483 --> 00:01:24,039
+誰だ
+
+34
+00:01:25,693 --> 00:01:26,465
+君の名は
\ No newline at end of file
diff --git a/docs/mobile.html b/docs/mobile.html
index 2bbf7c2ac..c682a16c5 100644
--- a/docs/mobile.html
+++ b/docs/mobile.html
@@ -71,9 +71,8 @@
                 'x5-video-orientation': 'portraint',
             },
             subtitle: {
-                url: '/assets/sample/subtitle.srt',
                 style: {
-                    color: '#fff',
+                    color: '#48aff0',
                     fontSize: '14px',
                 },
             },
@@ -99,20 +98,28 @@
             settings: [
                 {
                     width: 200,
-                    html: '自定义设置',
-                    tooltip: '提示',
+                    html: '切换字幕',
+                    tooltip: '中日双语',
                     icon: '<img width="22" heigth="22" src="/assets/img/indicator.svg">',
                     selector: [
                         {
                             default: true,
-                            html: '设置 01',
+                            html: '中日双语',
+                            url: '/assets/sample/subtitle.srt'
                         },
                         {
-                            html: '设置 02',
+                            html: '中文',
+                            url: '/assets/sample/subtitle.cn.srt'
+                        },
+                        {
+                            html: '日文',
+                            url: '/assets/sample/subtitle.jp.srt'
                         },
                     ],
                     onSelect: function (item) {
-                        console.info('你点击了', item.html);
+                        art.subtitle.switch(item.url, {
+                            name: item.html
+                        });
                         return item.html;
                     },
                 },