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

44
pages/video/video.html
View File

@ -103,7 +103,8 @@
<div class="device-status layout">离线（0）</div> <div class="device-status layout">离线（0）</div>
</div> </div>
<div id="device-tree"> <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>
</div> </div>
@ -112,23 +113,29 @@
<div id="balla" class="split split-horizontal"> <div id="balla" class="split split-horizontal">
<div style="margin-left: 50%"> <div style="margin-left: 50%">
<button onclick="onVideo()">1</button> <button onclick="onVideo()">1</button>
<button onclick="fourVideo()" >4</button> <button onclick="fourVideo()">4</button>
</div> </div>
<div class="layout" style="width: 100%;height: 100%;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 controls="controls"></video> <video id="videoPlayer1" class="ball-content" autoplay="autoplay" loop="loop" muted
controls="controls"></video>
</div> </div>
<div id="windowbox2" class="ballsplit " ondblclick="ballScreenBig('1')" <div id="windowbox2" class="ballsplit " ondblclick="ballScreenBig('1')"
style="width: 100%;height: 100%; position: relative;z-index: 9999999999;pointer-events:auto;display: none;"> 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> <video id="videoPlayer2" class="ball-content" autoplay="autoplay" loop="loop" muted
controls="controls"></video>
</div> </div>
<div id="windowbox3" class="ballsplit " ondblclick="ballScreenBig('1')" <div id="windowbox3" class="ballsplit " ondblclick="ballScreenBig('1')"
style="width: 100%;height: 100%; position: relative;z-index: 9999999999;pointer-events:auto;display: none;"> 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> <video id="videoPlayer3" class="ball-content" autoplay="autoplay" loop="loop" muted
controls="controls"></video>
</div> </div>
<div id="windowbox4" class="ballsplit " ondblclick="ballScreenBig('1')" <div id="windowbox4" class="ballsplit " ondblclick="ballScreenBig('1')"
style="width: 100%;height: 100%; position: relative;z-index: 9999999999;pointer-events:auto;display: none;"> 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> <video id="videoPlayer4" class="ball-content" autoplay="autoplay" loop="loop" muted
controls="controls"></video>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -150,18 +157,18 @@
</div> </div>
</div> </div>
<!-- <div class="voi-item">--> <!-- <div class="voi-item">-->
<!-- <img src="../../img/testImg/2.jpg">--> <!-- <img src="../../img/testImg/2.jpg">-->
<!-- <div class="voi-info layout">--> <!-- <div class="voi-info layout">-->
<!-- <div class="voi-time layout">--> <!-- <div class="voi-time layout">-->
<!-- <img src="../../img/video/alarm.png" alt="告警">--> <!-- <img src="../../img/video/alarm.png" alt="告警">-->
<!-- <p>2024-04-22 12:40:25</p>--> <!-- <p>2024-04-22 12:40:25</p>-->
<!-- </div>--> <!-- </div>-->
<!-- <div class="voi-content layout">--> <!-- <div class="voi-content layout">-->
<!-- <p>施工机械</p>--> <!-- <p>施工机械</p>-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
<div class="voi-item"> <div class="voi-item">
<img src="../../img/testImg/1.jpg"> <img src="../../img/testImg/1.jpg">
<div class="voi-info layout"> <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/video.js" type="text/javascript"></script>
<script src="../../js/pages/video/videoAjax.js" type="text/javascript"></script> <script src="../../js/pages/video/videoAjax.js" type="text/javascript"></script>
</html> </html>