update readme

packages/artplayer/src/contextmenu/index.js

@@ -47,10 +47,10 @@ export default class Contextmenu {
     if (!item.disable) {
       const { refs, events: { proxy } } = this.art;
       id++;
-      const name = item.name || `menu${id}`;
+      const name = item.name || `contextmenu${id}`;
       const menu = typeof item === 'function' ? item(this.art) : item;
       const $menu = document.createElement('div');
-      $menu.setAttribute('class', `art-menu art-menu-${name || id}`);
+      $menu.setAttribute('class', `art-contextmenu art-contextmenu-${name || id}`);
       append($menu, menu.html);
       setStyles($menu, menu.style || {});
       if (menu.click) {

packages/artplayer/src/controls/progress.js

@@ -33,7 +33,7 @@ export default class Progress {
 
     highlight.forEach(item => {
       const left = Number(item.time) / player.duration;
-      append(this.$highlight, `<span data-text="${item.text}" data-time="${item.time}" style="left: ${left * 100}%"></span>`);
+      append(this.$highlight, `<span data-text="${item.text || ''}" data-time="${item.time || 0}" style="left: ${left * 100}%"></span>`);
     });
 
     this.set('loaded', player.loaded);

packages/artplayer/src/index.js

@@ -83,7 +83,6 @@ class Artplayer extends Emitter {
         style: {}
       },
       moreVideoAttr: {
-        'crossOrigin': 'anonymous',
         'controls': false,
         'preload': 'auto',
         'webkit-playsinline': true,

packages/artplayer/src/scheme/index.js

@@ -41,7 +41,8 @@ export default {
       html: {
         validator: validElement
       },
-      style: 'object'
+      style: 'object',
+      click: 'function'
     }
   },
   contextmenu: {

packages/artplayer/src/style/contextmenu.scss

@@ -10,7 +10,7 @@
         background:rgba(0, 0, 0, 0.8);
         border-radius: 3px;
 
-        .art-menu {
+        .art-contextmenu {
             cursor: pointer;
             font-size: 13px;
             display: block;