update docs

packages/artplayer/src/index.js

@@ -51,6 +51,26 @@ class Artplayer extends Emitter {
       poster: '',
       title: '',
       volume: 0.7,
+      autoplay: false,
+      autoSize: false,
+      loop: false,
+      playbackRate: false,
+      aspectRatio: false,
+      screenshot: false,
+      type: '',
+      mimeCodec: '',
+      theme: '#f00',
+      setting: false,
+      hotkey: true,
+      pip: false,
+      mutex: true,
+      fullscreen: false,
+      fullscreenWeb: false,
+      layers: [],
+      contextmenu: [],
+      quality: [],
+      controls: [],
+      highlight: [],
       thumbnails: {
         url: '',
         number: 60,
@@ -58,30 +78,10 @@ class Artplayer extends Emitter {
         height: 90,
         column: 10
       },
-      screenshot: false,
-      autoplay: false,
-      autoSize: false,
-      playbackRate: true,
-      aspectRatio: true,
-      loop: false,
-      type: '',
-      mimeCodec: '',
-      layers: [],
-      contextmenu: [],
-      quality: [],
-      theme: '#f00',
-      setting: false,
-      hotkey: true,
-      pip: false,
-      mutex: true,
-      fullscreen: true,
-      fullscreenWeb: true,
       subtitle: {
         url: '',
         style: {}
       },
-      controls: [],
-      highlight: [],
       moreVideoAttr: {
         'crossOrigin': 'anonymous',
         'controls': false,

packages/artplayer/src/layers.js

@@ -15,8 +15,9 @@ export default class Layers {
     if (!item.disable) {
       const { refs: { $layers }, events: { proxy } } = this.art;
       id++;
+      const name = item.name || `layer${id}`;
       const $layer = document.createElement('div');
-      $layer.setAttribute('class', `art-layer art-layer-${item.name || id}`);
+      $layer.setAttribute('class', `art-layer art-layer-${name}`);
       setStyle($layer, 'z-index', item.index || id);
       append($layer, item.html);
       setStyles($layer, item.style || {});

packages/artplayer/src/player/aspectRatioMix.js

@@ -46,7 +46,7 @@ export default function aspectRatioMix(art, player) {
         setStyle($video, 'height', null);
         setStyle($video, 'padding', null);
         delete $player.dataset.aspectRatio;
-        const $default = art.contextmenu.$aspectRatio.querySelector('.default');
+        const $default = art.contextmenu.aspectRatio.querySelector('.default');
         inverseClass($default, 'current');
       }
     }

packages/artplayer/src/player/playbackRateMix.js

@@ -22,7 +22,7 @@ export default function playbackRateMix(art, player) {
       if (player.$playbackRateState) {
         player.playbackRate(1);
         delete $player.dataset.playbackRate;
-        const $normal = art.contextmenu.$playbackRate.querySelector('.normal');
+        const $normal = art.contextmenu.playbackRate.querySelector('.normal');
         inverseClass($normal, 'current');
       }
     }

packages/artplayer/src/storage.js

@@ -10,7 +10,7 @@ export default class Storage {
   }
 
   get(key) {
-    const storage = JSON.parse(localStorage.getItem(this.storageName));
+    const storage = JSON.parse(localStorage.getItem(this.storageName)) || {};
     return key ? storage[key] : {};
   }