视频播放

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

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>
@ -114,21 +115,27 @@
<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>
@ -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>