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 */ /* 中侧样式 start */
#balla { #balla {
width: 98.5%; /* width: 98.5%;
height: 98.5%; height: 98.5%;
margin-left: 0.5%; margin-left: 0.5%;
margin-top: 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; float: left;
} }
@ -296,20 +301,20 @@ body {
.ballsplit { .ballsplit {
width: 96.9%; width: 96.9%;
height: 99%; height: 99%;
margin-left: 5%; /* margin-left: 5%; */
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
overflow-y: hidden; overflow-y: hidden;
overflow-x: hidden; overflow-x: hidden;
margin: 0.3%; /* margin: 0.3%; */
} }
/*视频框样式*/ /*视频框样式*/
.ball-content { .ball-content {
width: 98%; width: 98%;
height: 95%; height: 98%;
margin: 1% 1% 0 1%; margin: 1% 1% 0 1%;
pointer-events: none; pointer-events: none;
background-color: #000; background-color: #000;
@ -419,4 +424,5 @@ body {
cursor: pointer; cursor: pointer;
color: #000; color: #000;
font-size: 15px; 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" + i).style.display = "none";
} }
document.getElementById("windowbox" + 1).style.cssText = "width: 100%;height: 100%;"; 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; nowDmoScree=1;
while (playList.length > nowDmoScree) { while (playList.length > nowDmoScree) {
console.log(playList[0].windBox) console.log(playList[0].windBox)
@ -103,7 +103,7 @@ function fourVideo(that){
}) })
$(that).addClass('checkBtn'); $(that).addClass('checkBtn');
for (let i = 1; i < 5; i++) { 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%;"; document.getElementById("videoPlayer"+i).style.cssText = "width: 100%;height: 100%;";
$('.video'+i+'-dimensions').css("width", "100%"); $('.video'+i+'-dimensions').css("width", "100%");
$('.video'+i+'-dimensions').css("height", "100%"); $('.video'+i+'-dimensions').css("height", "100%");

6
pages/video/video.html
View File

@ -110,9 +110,9 @@
</div> </div>
<div id="center-box"> <div id="center-box">
<div id="video-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')" <div id="windowbox1" class="ballsplit " ondblclick="ballScreenBig('1')"
style="width: 100%;height: 100%; position: relative;z-index: 9999999999;pointer-events:auto;"> style="width: 100%;height: 100%; position: relative;z-index: 9999999999;pointer-events:auto;">
<video id="videoPlayer1" class="ball-content" autoplay="autoplay" loop="loop" muted <video id="videoPlayer1" class="ball-content" autoplay="autoplay" loop="loop" muted
@ -134,7 +134,7 @@
controls="controls"></video> controls="controls"></video>
</div> </div>
</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="oneVideo(this)" class="checkBtn">1</button>
<button onclick="fourVideo(this)" class="nocheckBtn">4</button> <button onclick="fourVideo(this)" class="nocheckBtn">4</button>
</div> </div>