完成新docs结构

docs/assets/example/backlight.js

@@ -0,0 +1,9 @@
+var art = new Artplayer({
+    container: '.artplayer-app',
+    url: 'https://zhw2590582.github.io/assets-cdn/video/ambilight.mp4',
+    autoSize: true,
+    moreVideoAttr: {
+        crossOrigin: 'anonymous',
+    },
+    plugins: [artplayerPluginBacklight],
+});

docs/assets/example/gif.js

@@ -0,0 +1 @@
+console.log('gif');

docs/assets/example/index.js

@@ -0,0 +1,110 @@
+var url = 'https://zhw2590582.github.io/assets-cdn';
+var art = new Artplayer({
+    container: '.artplayer-app',
+    url: url + '/video/one-more-time-one-more-chance-480p.mp4',
+    title: '【新海诚动画】『秒速5センチメートル』',
+    poster: url + '/image/one-more-time-one-more-chance-poster.jpg',
+    volume: 0.5,
+    muted: false,
+    autoplay: false,
+    pip: true,
+    autoSize: true,
+    screenshot: true,
+    setting: true,
+    loop: true,
+    playbackRate: true,
+    aspectRatio: true,
+    fullscreen: true,
+    fullscreenWeb: true,
+    mutex: true,
+    theme: '#ffad00',
+    lang: 'zh-cn',
+    moreVideoAttr: {
+        crossOrigin: 'anonymous',
+    },
+    contextmenu: [
+        {
+            html: '自定义菜单 - 天亮请关灯 Σ(っ °Д °;)っ',
+            click: function() {
+                console.info('自定义菜单 - 天亮请关灯 Σ(っ °Д °;)っ');
+                this.hide();
+            },
+        },
+    ],
+    layers: [
+        {
+            html: `<img style="width: 100px" src="${url}/image/your-name.png">`,
+            click: function() {
+                art.destroy(true);
+                art = new Artplayer({
+                    autoplay: true,
+                    container: '.artplayer-app',
+                    url: url + '/video/you-name.mp4',
+                });
+            },
+            style: {
+                position: 'absolute',
+                top: '20px',
+                right: '20px',
+                opacity: '.9',
+            },
+        },
+    ],
+    quality: [
+        {
+            default: true,
+            name: '标清 480P',
+            url: url + '/video/one-more-time-one-more-chance-480p.mp4',
+        },
+        {
+            name: '高清 720P',
+            url: url + '/video/one-more-time-one-more-chance-720p.mp4',
+        },
+    ],
+    thumbnails: {
+        url: url + '/image/one-more-time-one-more-chance-thumbnails.png',
+        width: 190,
+        height: 107,
+    },
+    subtitle: {
+        url: url + '/subtitle/one-more-time-one-more-chance.srt',
+        style: {
+            color: '#03A9F4',
+        },
+    },
+    highlight: [
+        {
+            time: 60,
+            text: 'One more chance',
+        },
+        {
+            time: 120,
+            text: '谁でもいいはずなのに',
+        },
+        {
+            time: 180,
+            text: '夏の想い出がまわる',
+        },
+        {
+            time: 240,
+            text: 'こんなとこにあるはずもないのに',
+        },
+        {
+            time: 300,
+            text: '－－终わり－－',
+        },
+    ],
+    controls: [
+        {
+            name: 'preview',
+            position: 'right',
+            html: '打开',
+            mounted: $preview => {
+                art.plugins.localPreview.attach($preview);
+            },
+        },
+    ],
+    icons: {
+        loading: '<img src="./assets/img/ploading.gif">',
+    },
+});

docs/assets/example/thumbnail.js

@@ -0,0 +1 @@
+console.log('thumbnail');