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:
@@ -1527,13 +1527,25 @@ nav ul li a:hover { color: #4CAF50; }
|
|||||||
z-index: 30;
|
z-index: 30;
|
||||||
}
|
}
|
||||||
|
|
||||||
#webcam-player, #timelapse-viewer, #daily-video-player {
|
#webcam-player {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
border-radius: 8px;
|
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 {
|
.video-info-bar {
|
||||||
@@ -2308,13 +2320,14 @@ document.getElementById('qrcode')?.addEventListener('click', function() {
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
window.zoomConfig = {
|
window.zoomConfig = {
|
||||||
enabled: true,
|
enabled: false,
|
||||||
minZoom: 1,
|
minZoom: 1,
|
||||||
maxZoom: 4,
|
maxZoom: 4,
|
||||||
defaultZoom: 1
|
defaultZoom: 1
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<script src="js/video-zoom.js"></script>
|
<!-- Zoom temporär deaktiviert zum Testen -->
|
||||||
|
<!-- <script src="js/video-zoom.js"></script> -->
|
||||||
|
|
||||||
<!-- TIMELAPSE CONTROLLER -->
|
<!-- TIMELAPSE CONTROLLER -->
|
||||||
<script>
|
<script>
|
||||||
|
|||||||
Reference in New Issue
Block a user