add video mute event.

src/component/internal/video.ts

@@ -20,10 +20,12 @@ export function register(el: HTMLVideoElement, state: Video) {
     Vue.set(state, 'playing', false)
   })
   el.addEventListener('volumechange', (value) => {
+    Vue.set(state, 'muted', el.muted)
     Vue.set(state, 'volume', el.volume)
   })
 
   // Initial state
+  Vue.set(state, 'muted', el.muted)
   Vue.set(state, 'volume', el.volume)
   Vue.set(state, 'playing', !el.paused)
 }

src/component/main.vue

@@ -83,6 +83,7 @@
         playable: false,
         playing: false,
         volume: 0,
+        muted: false,
         fullscreen: false,
       },
       control: {
@@ -156,6 +157,14 @@
       this._video.pause()
     }
 
+    public mute() {
+      this._video.muted = true
+    }
+
+    public unmute() {
+      this._video.muted = false
+    }
+
     public setVolume(value: number) {
       if (value < 0 || value > 1) {
         throw new Error('Out of range. Value must be between 0 and 1.')

src/component/types/state.ts

@@ -26,6 +26,7 @@ export interface Video {
   playable: boolean
   playing: boolean
   volume: number
+  muted: boolean
   fullscreen: boolean
 }