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 19:53:20 +08:00
parent bf61ff0218
commit c8523d2109
1 changed files with 41 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

74
pages/video/video.html
View File

@ -103,33 +103,40 @@
<div class="device-status layout">离线（0）</div>
</div>
<div id="device-tree">
<ul id="video-tree" class="dtree" style="height: 100%;overflow: auto;margin: 0 2%;" data-id="-1"></ul>
<ul id="video-tree" class="dtree" style="height: 100%;overflow: auto;margin: 0 2%;" data-id="-1">
</ul>
</div>
</div>
</div>
<div id="center-box">
<div id="video-box">
<div id="balla" class="split split-horizontal">
<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 style="margin-left: 50%">
<button onclick="onVideo()">1</button>
<button onclick="fourVideo()">4</button>
</div>
<div class="layout" style="width: 100%;height: 100%;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
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 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>
@ -149,19 +156,19 @@
</div>
</div>
</div>
<!-- <div class="voi-item">-->
<!-- <img src="../../img/testImg/2.jpg">-->
<!-- <div class="voi-info layout">-->
<!-- <div class="voi-time layout">-->
<!-- <img src="../../img/video/alarm.png" alt="告警">-->
<!-- <p>2024-04-22 12:40:25</p>-->
<!-- </div>-->
<!-- <div class="voi-content layout">-->
<!-- <p>施工机械</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="voi-item">-->
<!-- <img src="../../img/testImg/2.jpg">-->
<!-- <div class="voi-info layout">-->
<!-- <div class="voi-time layout">-->
<!-- <img src="../../img/video/alarm.png" alt="告警">-->
<!-- <p>2024-04-22 12:40:25</p>-->
<!-- </div>-->
<!-- <div class="voi-content layout">-->
<!-- <p>施工机械</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<div class="voi-item">
<img src="../../img/testImg/1.jpg">
<div class="voi-info layout">
@ -235,4 +242,5 @@
<script src="../../js/pages/video/video.js" type="text/javascript"></script>
<script src="../../js/pages/video/videoAjax.js" type="text/javascript"></script>
</html>