添加重置方法

src/contextmenu.js

@@ -18,7 +18,7 @@ export default class Contextmenu {
           ${i18n.get('Play speed')}:
           <span data-rate="0.5">0.5</span>
           <span data-rate="0.75">0.75</span>
-          <span data-rate="1" class="current">${i18n.get('Normal')}</span>
+          <span data-rate="1" class="normal current">${i18n.get('Normal')}</span>
           <span data-rate="1.25">1.25</span>
           <span data-rate="1.5">1.5</span>
           <span data-rate="2.0">2.0</span>
@@ -39,7 +39,7 @@ export default class Contextmenu {
         name: 'aspectRatio',
         html: `
           ${i18n.get('Aspect ratio')}:
-          <span data-ratio="default" class="current">${i18n.get('Default')}</span>
+          <span data-ratio="default" class="default current">${i18n.get('Default')}</span>
           <span data-ratio="4:3">4:3</span>
           <span data-ratio="16:9">16:9</span>
         `,
@@ -115,7 +115,7 @@ export default class Contextmenu {
             this.art.emit('contextmenu:click', $menu);
           });
         }
-        append(refs.$contextmenu, $menu);
+        this[`$${item.name || id}`] = append(refs.$contextmenu, $menu);
       });
     append(refs.$player, refs.$contextmenu);
   }

src/player.js

@@ -1,4 +1,4 @@
-import { clamp, secondToTime, setStorage, sleep, setStyle } from './utils';
+import { clamp, secondToTime, setStorage, sleep, setStyle, sublings } from './utils';
 import config from './config';
 
 export default class Player {
@@ -173,6 +173,7 @@ export default class Player {
     if (isPlaying) {
       this.play();
     }
+    this.reset();
     notice.show(`${i18n.get('Switch')}: ${name}`);
     this.art.emit('switch', url);
   }
@@ -219,4 +220,23 @@ export default class Player {
     notice.show(`${i18n.get('Aspect ratio')}: ${ratioName}`);
     this.art.emit('aspectRatio', ratio);
   }
+
+  reset() {
+    const { refs: { $video }, contextmenu } = this.art;
+
+    if (contextmenu.$playbackRate) {
+      const $normal = contextmenu.$playbackRate.querySelector('.normal');
+      sublings($normal).forEach(item => item.classList.remove('current'));
+      $normal.classList.add('current');
+    }
+
+    setStyle($video, 'width', null);
+    setStyle($video, 'height', null);
+    setStyle($video, 'padding', null);
+    if (contextmenu.$aspectRatio) {
+      const $default = contextmenu.$aspectRatio.querySelector('.default');
+      sublings($default).forEach(item => item.classList.remove('current'));
+      $default.classList.add('current');
+    }
+  }
 }