修改默认条数

This commit is contained in:
haozq 2024-06-17 19:46:38 +08:00
parent e097158340
commit bf61ff0218
2 changed files with 32 additions and 2 deletions

View File

@ -58,4 +58,18 @@ function loadVideoTree() {
$('.device-status').eq(1).html('在线(' + onlineNum + '')
$('.device-status').eq(2).html('离线(' + offLineNum + '')
}
}
function fourVideo(){
for (let i = 1; i < 5; i++) {
document.getElementById("windowbox" + i).style.cssText = "width: 48.5%;height: 48.8%;";
document.getElementById("videoPlayer"+i).style.cssText = "width: 100%;height: 100%;";
$('.video'+i+'-dimensions').css("width", "100%");
$('.video'+i+'-dimensions').css("height", "100%");
document.getElementById("windowbox" + i).style.display = "block";
}
for (var i = 5; i <= 9; i++) {
document.getElementById("windowbox" + i).style.display = "none";
}
console.log("1")
}

View File

@ -110,10 +110,26 @@
<div id="center-box">
<div id="video-box">
<div id="balla" class="split split-horizontal">
<div id="windowbox" class="ballsplit " ondblclick="ballScreenBig('1')"
style="width: 100%;height: 100%; position: relative;z-index: 9999999999;pointer-events:auto">
<div style="margin-left: 50%">
<button onclick="onVideo()">1</button>
<button onclick="fourVideo()" >4</button>
</div>
<div id="windowbox1" class="ballsplit " ondblclick="ballScreenBig('1')"
style="width: 100%;height: 100%; position: relative;z-index: 9999999999;pointer-events:auto;">
<video id="videoPlayer1" class="ball-content" autoplay="autoplay" loop="loop" muted controls="controls"></video>
</div>
<div id="windowbox2" class="ballsplit " ondblclick="ballScreenBig('1')"
style="width: 100%;height: 100%; position: relative;z-index: 9999999999;pointer-events:auto;display: none;">
<video id="videoPlayer2" class="ball-content" autoplay="autoplay" loop="loop" muted controls="controls"></video>
</div>
<div id="windowbox3" class="ballsplit " ondblclick="ballScreenBig('1')"
style="width: 100%;height: 100%; position: relative;z-index: 9999999999;pointer-events:auto;display: none;">
<video id="videoPlayer3" class="ball-content" autoplay="autoplay" loop="loop" muted controls="controls"></video>
</div>
<div id="windowbox4" class="ballsplit " ondblclick="ballScreenBig('1')"
style="width: 100%;height: 100%; position: relative;z-index: 9999999999;pointer-events:auto;display: none;">
<video id="videoPlayer4" class="ball-content" autoplay="autoplay" loop="loop" muted controls="controls"></video>
</div>
</div>
</div>
</div>