security-protection-platform/src/components/VideoPlayer/index.vue

@@ -19,19 +19,13 @@ const defaultPlayerOptions = {
  // liveui: true,
  controlBar: {
    children: [
      { name: 'playToggle' }, // 播放按钮
      { name: 'currentTimeDisplay' }, // 当前已播放时间
      { name: 'progressControl' }, // 播放进度条
      { name: 'durationDisplay' }, // 总时间
      {name: 'currentTimeDisplay'}, // 当前已播放时间
      {name: 'durationDisplay'}, // 总时间
      { // 倍数播放
        name: 'playbackRateMenuButton',
        playbackRates: [0.5, 1, 1.5, 2, 2.5]
      },
      {
        name: 'volumePanel', // 音量控制
        inline: true // 不使用水平方式
      },
      { name: 'FullscreenToggle' } // 全屏
      {name: 'FullscreenToggle'} // 全屏
    ]
  }
}

security-protection-platform/src/modules/videoSurveillance/index.vue

@@ -230,8 +230,14 @@ export default {
    color:#0089d4;
    text-shadow: none;
  }
  .vjs-control-bar{
    justify-content: flex-end;
  }
  .video-js .vjs-control{
    cursor: pointer;
  }
.video-js .vjs-fullscreen-control{
  order:2;
}
}
</style>