| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8"/>
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <title>在线监控</title>
- <link rel="stylesheet" href="../../../assets/libs/layui/css/layui.css"/>
- <link rel="stylesheet" href="../../../assets/module/admin.css?v=312"/>
- <!--[if lt IE 9]>
- <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
- <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
- <![endif]-->
- </head>
- <body>
- <!-- 页面加载loading -->
- <div class="page-loading">
- <div class="ball-loader">
- <span></span><span></span><span></span><span></span>
- </div>
- </div>
- <!-- 正文开始 -->
- <div class="layui-fluid">
- <div class="layui-card">
- <div class="layui-card-body" style="height: 400px;">
- <div id="video"></div>
- </div>
- </div>
- </div>
- <!-- js部分 -->
- <script type="text/javascript" src="../../../assets/libs/layui/layui.js"></script>
- <script type="text/javascript" src="../../../assets/js/common.js?v=312"></script>
- <script type="text/javascript" src="../../../assets/libs/ckplayer/ckplayer.js"></script>
- <script>
- layui.use(['layer', 'form', 'uParas', 'admin'], function () {
- var $ = layui.jquery;
- var layer = layui.layer;
- var form = layui.form;
- var admin = layui.admin;
- var uParas = layui.uParas;
- var ipCameraUrl = uParas.getUrlParam("ipCameraUrl");
- console.log(ipCameraUrl);
- var videoObject = {
- container: '.layui-card-body',//“#”代表容器的ID，“.”或“”代表容器的class
- variable: 'player',//该属性必需设置，值等于下面的new chplayer()的对象
- // poster:'pic/wdm.jpg',
- mobileCkControls: true,//是否在移动端（包括ios）环境中显示控制栏
- mobileAutoFull: false,//在移动端播放后是否按系统设置的全屏播放
- h5container: '#video',//h5环境中使用自定义容器
- video: ipCameraUrl//视频地址
- };
- var player = new ckplayer(videoObject);
- });
- </script>
- </body>
- </html>
|
