Fix video overlay issue - add z-index and disable zoom temporarily

- Added z-index: 10 to webcam-player (higher than overlays)
- Added z-index: 5 and display: none to timelapse/daily-video overlays
- Disabled zoom script temporarily for testing
This commit is contained in:
Claude
2026-01-13 09:39:44 +00:00
parent 313c2108a9
commit 14c064de64
+16 -3
View File
@@ -1527,13 +1527,25 @@ nav ul li a:hover { color: #4CAF50; }
z-index: 30;
}
#webcam-player, #timelapse-viewer, #daily-video-player {
#webcam-player {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 8px;
z-index: 10;
}
#timelapse-viewer, #daily-video-player {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 8px;
z-index: 5;
display: none;
}
.video-info-bar {
@@ -2308,13 +2320,14 @@ document.getElementById('qrcode')?.addEventListener('click', function() {
<script>
window.zoomConfig = {
enabled: true,
enabled: false,
minZoom: 1,
maxZoom: 4,
defaultZoom: 1
};
</script>
<script src="js/video-zoom.js"></script>
<!-- Zoom temporär deaktiviert zum Testen -->
<!-- <script src="js/video-zoom.js"></script> -->
<!-- TIMELAPSE CONTROLLER -->
<script>