修改了视频右键bug

src/components/Tools/EduVideo.vue

 <template>
   <div class="item">
-        <div class="player">
-          <video-player  class="vjs-custom-skin"
+    <div class="player" @contextmenu.prevent="menuPlayer()">
+      <video-player
         ref="videoPlayer"
+        class="vjs-custom-skin"
         :options="playerOptions"
         :playsinline="true"
         @play="onPlayerPlay($event)"
@@ -15,40 +16,44 @@
         @canplay="onPlayerCanplay($event)"
         @canplaythrough="onPlayerCanplaythrough($event)"
         @ready="playerReadied"
-                         @statechanged="playerStateChanged($event)">
-          </video-player>
+        @statechanged="playerStateChanged($event)"
+      />
     </div>
   </div>
 
 </template>
 
 <script>
-  import 'video.js/dist/video-js.css'
-  import { videoPlayer } from 'vue-video-player'
-  export default {
+import 'video.js/dist/video-js.css'
+import { videoPlayer } from 'vue-video-player'
+export default {
+  components: {
+    videoPlayer
+  },
+  props: ['playerOptions'],
   data() {
     return {
       // videojs options
 
     }
   },
-    components:{
-      videoPlayer
+  computed: {
+    player() {
+      return this.$refs.videoPlayer.player
+    }
   },
-    props:['playerOptions'],
   mounted() {
     // console.log('this is current player instance object', this.player)
     setTimeout(() => {
-        //console.log('dynamic change options', this.player)
+      // console.log('dynamic change options', this.player)
       this.player.muted(false)
     }, 2000)
   },
-    computed: {
-      player() {
-        return this.$refs.videoPlayer.player
-      }
-    },
   methods: {
+    menuPlayer(event) {
+      // 阻止默认的右键菜单显示
+      event.preventDefault()
+    },
     // listen event
     onPlayerPlay(player) {
       // console.log('player play!', player)
@@ -57,8 +62,8 @@
       // console.log('player pause!', player)
     },
     onPlayerEnded(player) {
-        this.$emit('seeComplete');
-//        console.log('player ended!', player)
+      this.$emit('seeComplete')
+      // console.log('player ended!', player)
     },
     onPlayerLoadeddata(player) {
       // console.log('player Loadeddata!', player)
@@ -90,7 +95,7 @@
       // console.log('example 01: the player is readied', player)
     }
   }
-  }
+}
 </script>
 <style >
   .vjs-custom-skin > .video-js {