cwchen
/
ah_jjzhgd_webscreen
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

视频

This commit is contained in:
cwchen 2024-06-17 21:46:11 +08:00
parent 0ba2fe60ea
commit 3d9ca03009
3 changed files with 36 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
css/video/video.css
View File

@ -310,7 +310,7 @@ body {
.ball-content {
width: 98%;
height: 95%;
margin: 2% 1% 0 1%;
margin: 1% 1% 0 1%;
pointer-events: none;
background-color: #000;
object-fit: fill;
@ -402,4 +402,21 @@ body {
color: #fff !important;
}
/* dtree 样式 start */
/* dtree 样式 start */
.nocheckBtn {
background-color: #d2d2d2;
border: 1px solid #d2d2d2;
}
.checkBtn {
border: 1px solid #2eccbd;
background-color: #2eccbd !important;
}
.toggle-btn button {
width: 40px;
height: 30px;
cursor: pointer;
color: #000;
font-size: 15px;
}

16
js/pages/video/videoAjax.js
View File

@ -64,7 +64,12 @@ function loadVideoTree() {
}
}
function oneVideo(){
function oneVideo(that){
$('.toggle-btn button').each(function (index, item) {
$(this).removeClass();
$(this).addClass('nocheckBtn')
})
$(that).addClass('checkBtn');
for (let i = 2; 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%;";
@ -73,7 +78,7 @@ function oneVideo(){
document.getElementById("windowbox" + i).style.display = "none";
}
document.getElementById("windowbox" + 1).style.cssText = "width: 100%;height: 100%;";
document.getElementById("videoPlayer"+1).style.cssText = "width: 100%;height: 100%;";
document.getElementById("videoPlayer"+1).style.cssText = "width: 98%;height: 95%;";
nowDmoScree=1;
while (playList.length > nowDmoScree) {
console.log(playList[0].windBox)
@ -90,7 +95,12 @@ function oneVideo(){
}
}
function fourVideo(){
function fourVideo(that){
$('.toggle-btn button').each(function (index, item) {
$(this).removeClass();
$(this).addClass('nocheckBtn')
})
$(that).addClass('checkBtn');
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%;";

8
pages/video/video.html
View File

@ -111,11 +111,11 @@
<div id="center-box">
<div id="video-box">
<div id="balla" class="split split-horizontal">
<div style="margin-left: 50%">
<button onclick="oneVideo()">1</button>
<button onclick="fourVideo()">4</button>
<div style="margin-left: 46%;margin-top: 3%;" class="toggle-btn">
<button onclick="oneVideo(this)" class="checkBtn">1</button>
<button onclick="fourVideo(this)" class="nocheckBtn">4</button>
</div>
<div class="layout" style="width: 100%;height: 100%;flex-wrap: wrap;">
<div class="layout" style="width: 100%;height: 93%;flex-wrap: wrap;">
<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