zhangchao/Visualize-electronic-fences
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat 视频优化,去掉控件

Browse Source
This commit is contained in:
Ironsp
2026-07-20 12:00:41 +08:00
parent 7f376ce10c
commit aaa223f41d
2 changed files with 2 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/layout/components/notice/index.vue
View File

@@ -39,7 +39,7 @@
</template>
<div class="monitor-video-wrap">
<div class="monitor-video-stack">
<video ref="monitorVideoRef" class="monitor-video" controls preload="metadata" :src="monitorVideoUrl">您的浏览器不支持视频播放</video>
<video ref="monitorVideoRef" class="monitor-video" preload="metadata" :src="monitorVideoUrl">您的浏览器不支持视频播放</video>
</div>
</div>
</el-dialog>

17
src/views/equipmentList/list.vue
View File

@@ -241,7 +241,7 @@
</template>
<div class="monitor-video-wrap">
<div class="monitor-video-stack">
<video ref="monitorVideoRef" class="monitor-video" controls preload="metadata" :src="monitorVideoUrl">您的浏览器不支持视频播放</video>
<video ref="monitorVideoRef" class="monitor-video" preload="metadata" :src="monitorVideoUrl">您的浏览器不支持视频播放</video>
<div v-show="monitorDrawCollecting" class="monitor-draw-overlay" @click.stop="onMonitorDrawClick" />
<div v-if="monitorRectPx" class="monitor-draw-rect" :style="drawRectStyle" />
<div v-if="monitorRectPx" class="monitor-draw-label" :style="drawLabelStyle">当前报警区域</div>
@@ -906,21 +906,6 @@ const getPowerLevelClass = (val: any) => {
border-radius: 2px;
}
/* 隐藏视频进度条，保留其他控制按钮 */
.monitor-video::-webkit-media-controls-timeline {
display: none !important;
}
.monitor-video::-webkit-media-controls-current-time-display,
.monitor-video::-webkit-media-controls-time-remaining-display {
display: none !important;
}
.monitor-video::-moz-range-track {
display: none !important;
}
.monitor-video::-moz-progress-bar {
display: none !important;
}
.battery-group {
display: flex;
justify-content: center;