修改默认条数
This commit is contained in:
parent
e097158340
commit
bf61ff0218
|
|
@ -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")
|
||||
}
|
||||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue