update docs

packages/artplayer-document/docs/en/Questions/Create button in the controls.md

@@ -0,0 +1,27 @@
+---
+title: 在控制栏添加按钮
+sidebar_position: 2
+---
+
+有时你需要在控制栏添加按钮，如开关按钮或者单选按钮等等，你甚至可以使用第三方的样式库如 `bootstrap`
+
+<div className="run-code">▶ Run Code</div>
+
+```js
+var time = 0;
+var art = new Artplayer({
+    container: '.artplayer-app',
+    url: '/assets/sample/video.mp4',
+    controls: [
+        {
+            position: 'right',
+            html: '<button type="button">Click Me!</button>',
+            click: function (_, event) {
+                // 第二个参数是事件对象
+                time += 1;
+                event.target.innerText = 'You Click ' + time;
+            },
+        },
+    ],
+});
+```

packages/artplayer-document/docs/en/Questions/Create selector in the controls.md

@@ -0,0 +1,38 @@
+---
+title: 在控制栏添加列表
+sidebar_position: 1
+---
+
+有时你需要在控制栏添加列表，那么你可以在添加控件的时候使用 `selector` 和 `onSelect` 属性
+
+<div className="run-code">▶ Run Code</div>
+
+```js
+var art = new Artplayer({
+    container: '.artplayer-app',
+    url: '/assets/sample/video.mp4',
+    controls: [
+        {
+            position: 'right',
+            html: 'Subtitle 01',
+            selector: [
+                {
+                    html: '<span style="color:red">Subtitle 01</span>',
+                    url: '/assets/sample/subtitle.srt?id=1',
+                },
+                {
+                    html: '<span style="color:yellow">Subtitle 02</span>',
+                    url: '/assets/sample/subtitle.srt?id=2',
+                },
+            ],
+            onSelect: function (item, $dom) {
+                art.subtitle.switch(item.url, {
+                    name: $dom.innerText,
+                });
+
+                return '你点击了' + item.html;
+            },
+        },
+    ],
+});
+```

packages/artplayer-document/docs/en/Questions/_category_.json

@@ -0,0 +1,5 @@
+{
+  "label": "常见问题",
+  "position": 7,
+  "collapsed": true
+}