feat: 鼠标滚轮控制电子放大

h5/src/components/vionPlayer/index.vue

 <template>
 <template>
-  <div ref="container" :data-player-type="this.playerType" :class="containerClassName" ></div>
+  <div ref="container"
+    :data-player-type="this.playerType"
+    :class="containerClassName"
+    @wheel="handleWheel"
+  >
+  </div>
 </template>
 </template>
 
 
 <script>
 <script>
@@ -173,6 +178,13 @@ export default {
         else targetPlayer.zoom.narrowPrecision();
         else targetPlayer.zoom.narrowPrecision();
       }
       }
     },
     },
+    handleWheel(event) {
+      console.log('handleWheel', event);
+      // TODO: 增加防抖动
+      event.stopPropagation();
+      const direction = event.deltaY < 0;
+      this.zoom(direction);
+    },
 
 
     // 暴露方法
     // 暴露方法
     play(url, isPlayback = false) {
     play(url, isPlayback = false) {
@@ -277,6 +289,10 @@ export default {
   ::v-deep(.jessibuca-control-progress-simple) {
   ::v-deep(.jessibuca-control-progress-simple) {
     display: none;
     display: none;
   }
   }
+  // 电子放大
+  ::v-deep(.jessibuca-zoom-controls) {
+    display: none !important;
+  }
   // 云台控制
   // 云台控制
   &[data-player-type="playback"] {
   &[data-player-type="playback"] {
     ::v-deep(.jessibuca-ptz) {
     ::v-deep(.jessibuca-ptz) {