瀏覽代碼

[FE]:修改视频监控直播样式

xiayu3 4 年之前
父節點
當前提交
3fac2e60ef

+ 0 - 6
security-protection-platform/src/components/VideoPlayer/index.vue

@ -22,18 +22,12 @@ const defaultPlayerOptions = {
22 22
  // liveui: true,
23 23
  controlBar: {
24 24
    children: [
25
      {name: 'playToggle'}, // 播放按钮
26 25
      {name: 'currentTimeDisplay'}, // 当前已播放时间
27
      {name: 'progressControl'}, // 播放进度条
28 26
      {name: 'durationDisplay'}, // 总时间
29 27
      { // 倍数播放
30 28
        name: 'playbackRateMenuButton',
31 29
        playbackRates: [0.5, 1, 1.5, 2, 2.5]
32 30
      },
33
      {
34
        name: 'volumePanel', // 音量控制
35
        inline: true // 不使用水平方式
36
      },
37 31
      {name: 'FullscreenToggle'} // 全屏
38 32
    ]
39 33
  }

+ 6 - 0
security-protection-platform/src/modules/videoSurveillance/index.vue

@ -232,8 +232,14 @@ export default {
232 232
    color:#0089d4;
233 233
    text-shadow: none;
234 234
  }
235
  .vjs-control-bar{
236
    justify-content: flex-end;
237
  }
235 238
  .video-js .vjs-control{
236 239
    cursor: pointer;
237 240
  }
241
.video-js .vjs-fullscreen-control{
242
  order:2;
243
}
238 244
}
239 245
</style>