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-18 10:54:52 +08:00
parent c92379b55f
commit 732287caff
3 changed files with 15 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
css/video/video.css
View File

@ -283,10 +283,15 @@ body {
/* 中侧样式 start */
#balla {
width: 98.5%;
/* width: 98.5%;
height: 98.5%;
margin-left: 0.5%;
margin-top: 0.5%;
float: left; */
width: 100%;
height: 100%;
padding: 2% 0.1% 0% 0.1%;
box-sizing: border-box;
float: left;
}
@ -296,20 +301,20 @@ body {
.ballsplit {
width: 96.9%;
height: 99%;
margin-left: 5%;
/* margin-left: 5%; */
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow-y: hidden;
overflow-x: hidden;
margin: 0.3%;
/* margin: 0.3%; */
}
/*视频框样式*/
.ball-content {
width: 98%;
height: 95%;
height: 98%;
margin: 1% 1% 0 1%;
pointer-events: none;
background-color: #000;
@ -419,4 +424,5 @@ body {
cursor: pointer;
color: #000;
font-size: 15px;
margin: 0 10px;
}

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

@ -77,7 +77,7 @@ function oneVideo(that){
document.getElementById("windowbox" + i).style.display = "none";
}
document.getElementById("windowbox" + 1).style.cssText = "width: 100%;height: 100%;";
document.getElementById("videoPlayer"+1).style.cssText = "width: 98%;height: 95%;";
document.getElementById("videoPlayer"+1).style.cssText = "width: 98%;height: 98%;";
nowDmoScree=1;
while (playList.length > nowDmoScree) {
console.log(playList[0].windBox)
@ -103,7 +103,7 @@ function fourVideo(that){
})
$(that).addClass('checkBtn');
for (let i = 1; i < 5; i++) {
document.getElementById("windowbox" + i).style.cssText = "width: 48.5%;height: 46.8%;";
document.getElementById("windowbox" + i).style.cssText = "width: 49.5%;height: 49.5%;";
document.getElementById("videoPlayer"+i).style.cssText = "width: 100%;height: 100%;";
$('.video'+i+'-dimensions').css("width", "100%");
$('.video'+i+'-dimensions').css("height", "100%");

6
pages/video/video.html
View File

@ -110,9 +110,9 @@
</div>
<div id="center-box">
<div id="video-box">
<div id="balla" class="split split-horizontal" style="margin-top: 20px;">
<div id="balla" class="split split-horizontal">
<div class="layout" style="width: 100%;height: 95%;flex-wrap: wrap;">
<div class="layout" style="width: 100%;height: 92%;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
@ -134,7 +134,7 @@
controls="controls"></video>
</div>
</div>
<div style="margin-left: 46%;margin-top: -10px;" class="toggle-btn">
<div class="toggle-btn layout" style="height: 7%;">
<button onclick="oneVideo(this)" class="checkBtn">1</button>
<button onclick="fourVideo(this)" class="nocheckBtn">4</button>
</div>