VideoBack.html 3.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>实时监控</title>
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  8. <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
  9. <meta http-equiv="pragma" content="no-cache">
  10. <meta http-equiv="Cache" content="no-cache">
  11. <meta http-equiv="cache-control" content="no-cache, must-revalidate">
  12. <meta http-equiv="expires" content="0">
  13. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  14. <!--引入 element-ui 的样式,-->
  15. <link rel="stylesheet" href="../css/element.css">
  16. <link rel="stylesheet" href="../css/style.css">
  17. <link rel="stylesheet" href="../css/base.css">
  18. <script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
  19. <script src="../js/ezuikit.js"></script>
  20. <script type="text/javascript">
  21. document.write('<script src="../js/yz/init.js?id='+(new Date().getTime())+'" type="text/javascript" charset="utf-8"><\/script>');
  22. document.write('<script src="../js/yz/ysy-mj456.js?id='+(new Date().getTime())+'" type="text/javascript" charset="utf-8"><\/script>');
  23. </script>
  24. <script>
  25. checkLogin();
  26. </script>
  27. </head>
  28. <style type="text/css">
  29. *{
  30. margin: 0;
  31. padding: 0;
  32. box-sizing: border-box;
  33. }
  34. body{
  35. color:#000;
  36. overflow: hidden;
  37. }
  38. li{
  39. list-style: none;
  40. }
  41. ul li.act .text-sm{
  42. color: #20a6ff !important;
  43. }
  44. .yz_main .vidbox{
  45. position: relative;
  46. width: 100%;
  47. height: 100%;
  48. border: 1px solid #00adad;
  49. background: url(../imgs/novideo1.png) no-repeat;
  50. background-size: 100% 100%;
  51. }
  52. .text-rgb{
  53. color: rgba(255,255,255,0.6);
  54. }
  55. </style>
  56. <body>
  57. <div id="yzApp" class="yz_container" style="position: absolute; top: 0;width:100%;">
  58. <div class="yz_aside">
  59. <div class="padding-sm" style="height: 100%;">
  60. <div class="padding-bottom-sm text-bold" style="color: #5793f3;">设备列表</div>
  61. <ul id="html_view" style="height: calc(100% - 40px);overflow-y: auto;">
  62. </ul>
  63. </div>
  64. </div>
  65. <div class="yz_main">
  66. <div style="height: calc(100% - 40px);" id="vidView">
  67. <div class="vidbox" id="vidBox">
  68. <div id="playWind" style="display: none;"></div>
  69. </div>
  70. </div>
  71. <div class="toolBar text-white">
  72. <div style="display: none;" id="toolPSC">
  73. <div id="iconPS" class="iconfont icon-24gf-pause2 pointer"></div>
  74. <div class="iconfont icon-tuichu margin-lr pointer" onclick="closeLive()"></div>
  75. <div class="iconfont icon-fullScreen pointer" onclick="fullScreen()"></div>
  76. </div>
  77. <div class="flex">
  78. <div class="bg-white">
  79. <input type="date" id="startDate">
  80. <input type="time" id="startTime">
  81. <span>至23:59</span>
  82. </div>
  83. <button type="button" onclick="clickAjax()" class="bg-blue padding-lr-sm margin-left pointer">查询</button>
  84. </div>
  85. </div>
  86. </div>
  87. </div>
  88. </body>
  89. <script type="text/javascript">
  90. document.write('<script src="../js/yz/videoBack.js?id='+(new Date().getTime())+'" type="text/javascript" charset="utf-8"><\/script>');
  91. </script>
  92. </html>