服务支持-操作视频

This commit is contained in:
tyt 2024-05-17 18:03:16 +08:00
parent c7439bed1b
commit 28905fcd5c
16 changed files with 1291 additions and 68 deletions

View File

@ -312,7 +312,7 @@
</div> </div>
#include(footer) #include(footer)
<div class="Topping" id="ScrollTop"><i class="iconfont icon_top1"></i></div> <div class="Topping" id="ScrollTop"><i class="layui-icon layui-icon-top"></i></div>

View File

@ -118,7 +118,7 @@
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide"> <div class="swiper-slide">
<a href="" class="Lbanner5"> <a href="" class="Lbanner5">
<img src="./static/image/banner/new_灯杆解决方案.jpg" alt="" class="Lshow" style="width: 100vw;"/> <img src="./static/image/banner/new_灯杆解决方案.png" alt="" class="Lshow" style="width: 100vw;"/>
<div class="bannertextImg"> <div class="bannertextImg">
</div> </div>
</a> </a>
@ -140,13 +140,13 @@
</a> </a>
</div> </div>
<div class="swiper-slide"> <!-- <div class="swiper-slide">
<a href="" class="Lbanner5"> <a href="" class="Lbanner5">
<img src="./static/image/banner/new_同步视频处理方案.png" alt="" class="Lshow" /> <img src="./static/image/banner/new_同步视频处理方案.png" alt="" class="Lshow" />
<div class="bannertextImg"> <div class="bannertextImg">
</div> </div>
</a> </a>
</div> </div> -->
<div class="swiper-slide"> <div class="swiper-slide">
<a href="" class="Lbanner5"> <a href="" class="Lbanner5">
@ -373,7 +373,7 @@
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide" > <div class="swiper-slide" >
<a href="./solutions/lamp_pole/lamp_pole.html"> <a href="./solutions/lamp_pole/lamp_pole.html">
<img src="./static/image/banner/new_灯杆解决方案.jpg" alt="" class="img_bg bgimg"/> <img src="./static/image/banner/new_灯杆解决方案.png" alt="" class="img_bg bgimg"/>
</a> </a>
<!-- <div style="width: 50%;height: 60%;background-color: aliceblue;"></div> --> <!-- <div style="width: 50%;height: 60%;background-color: aliceblue;"></div> -->
</div> </div>

View File

@ -122,12 +122,12 @@
<p>微信视频号</p> <p>微信视频号</p>
</li> </li>
</ul> </ul>
<div class="ft_phone"> <!-- <div class="ft_phone">
<div class="li"> <div class="li">
<p>服务热线: </p> <p>服务热线: </p>
<h2>9999 999 999</h2> <h2>9999 999 999</h2>
</div> </div>
</div> </div> -->
</div> </div>
</div> </div>
<div class="footer_links"></div> <div class="footer_links"></div>

View File

@ -165,7 +165,7 @@
</div> </div>
</div> </div>
#include(footer) #include(footer)
<div class="Topping" id="ScrollTop"><i class="iconfont icon_top1"></i></div> <div class="Topping" id="ScrollTop"><i class="layui-icon layui-icon-top"></i></div>
</body> </body>

View File

@ -113,23 +113,21 @@
<div class="container1260"> <div class="container1260">
<div class="service_videoXQ clearfix"> <div class="service_videoXQ clearfix">
<div class="publicLeft"> <div class="publicLeft">
<div class="li active"> <div class="li ">
<h5>软件操作<div class="liOn"></div> <h5>软件操作<div class="liOn"></div>
</h5> </h5>
<div class="li2"> <div class="li2">
<a class="active" href="/service/video/xixun_software/LedOK Express/index.html">LedOK Express</a> <a href="/service/video/xixun_software/LedOK Express/index.html">LedOK Express</a>
<a class="" href="/service/video/xixun_software/AIPS2.0/index.html">AIPS2.0通用信发平台</a> <a class="" href="/service/video/xixun_software/AIPS2.0/index.html">AIPS2.0通用信发平台</a>
<a class="" href="/service/video/xixun_software/Vehicle HUB/index.html">Vehicle HUB车载专用平台</a> <a class="" href="/service/video/xixun_software/Vehicle HUB/index.html">Vehicle HUB车载专用平台</a>
<a class="" href="/service/video/xixun_software/LEDOK Iot/index.html">LEDOK Iot智慧物联平台</a> <a class="" href="/service/video/xixun_software/LEDOK Iot/index.html">LEDOK Iot智慧物联平台</a>
<a class="" href="/service/video/xixun_software/LEDOK Lite/index.html">LEDOK Lite</a> <a class="" href="/service/video/xixun_software/LEDOK Lite/index.html">LEDOK Lite</a>
</div> </div>
</div> </div>
<div class="li "> <div class="li active">
<h5>realtime操作<div class="liOn"></div>
<h5><a class="" href="/service/video/realtime/index.html">realtime操作</a><div ></div>
</h5> </h5>
<div class="li2">
<a class="" href="/service/video/realtime/index.html">realtime操作</a>
</div>
</div> </div>
</div> </div>
<div class="right wow fadeInRight" data-wow-duration="2s"> <div class="right wow fadeInRight" data-wow-duration="2s">
@ -137,9 +135,7 @@
<div class="box"> <div class="box">
<div class="imgbox"> <div class="imgbox">
<div class="pictureBox"> <div class="pictureBox">
<!-- <video src="https://ledok.cn/download/realtime视频教程/realtime环境搭建.mp4"></video> --> <video controls src="https://ledok.cn/download/realtime视频教程/realtime环境搭建.mp4"></video>
<img src=""
alt="" data-url="https://ledok.cn/download/realtime视频教程/realtime环境搭建.mp4">
</div> </div>
</div> </div>
<div class="text"> <div class="text">
@ -149,9 +145,7 @@
<div class="box"> <div class="box">
<div class="imgbox"> <div class="imgbox">
<div class="pictureBox"> <div class="pictureBox">
<!-- <video src="https://ledok.cn/download/realtime视频教程/realtime节目下发.mp4"></video> --> <video controls src="https://ledok.cn/download/realtime视频教程/realtime节目下发.mp4"></video>
<img src=""
alt="" data-url="https://ledok.cn/download/realtime视频教程/realtime环境搭建.mp4">
</div> </div>
</div> </div>
<div class="text"> <div class="text">
@ -166,12 +160,12 @@
<div class="LVideoPopup"> <div class="LVideoPopup">
<i></i> <i></i>
<div class="con"> <div class="con">
<!-- <div class="off"><img src="/dist/images/closeIcon.png" alt=""></div> -->
<video src="" controls="controls" controlslist="nodownload" id="video"></video> <video src="" controls="controls" controlslist="nodownload" id="video"></video>
</div> </div>
</div> </div>
#include(footer) #include(footer)
<div class="Topping" id="ScrollTop"><i class="iconfont icon_top1"></i></div>
<div class="Topping" id="ScrollTop"><i class="layui-icon layui-icon-top"></i></div>
</body> </body>
@ -242,3 +236,26 @@
$('#video').get(0).pause(); $('#video').get(0).pause();
}) })
</script> </script>
<style>
.pictureBox video {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: auto;
transition: all 0.3s;
height: 100%;
width: 99%;
max-width: none;
object-fit: fill;
}
.service_videoXQ .right .con .box .imgbox {
width: 100%;
border: none;
}
.service_videoXQ .right .con .box .imgbox .pictureBox {
box-sizing: border-box;
border: none;
}
</style>

View File

@ -0,0 +1,291 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit" />
<meta name="format-detection" content="telephone=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no" />
<meta name="applicable-device" content="pc,mobile" />
<link rel="shortcut icon" href="/favicon.ico" />
<title>熙讯-产品中心</title>
<meta name="keywords" content="熙讯,LED控制系统,LED控制卡,播控系统,软件服务,熙讯下载,解决方案提供商-熙讯、熙讯云科技、熙讯电子科技有限公司、熙讯官网、熙讯下载" />
<meta name="description"
content="上海熙讯电子科技有限公司是全球户外数字传媒与LED显示控制系统解决方案服务商致力于以互联网技术和智能系统推动行业的产业升级为打造数字智慧城市贡献力量。10年来我们精耕于这一领域凭借卓越的创新能力、突出的定制能力、优秀的服务能力、赢得了全球客户的信任" />
<link rel="stylesheet" href="/static/iconfont/iconfont.css" />
<link rel="stylesheet" type="text/css" href="/static/layui/css/layui.css" />
<link rel="stylesheet" type="text/css" href="/static/css/layout.css" />
<script type="text/javascript" src="/static/js/jquery.min.js"></script>
<script type="text/javascript" src="/static/js/BeerSlider.js"></script>
<meta name="Author" content="xixun" />
</head>
<script>
var _hmt = _hmt || [];
(function () {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?7ff6901a09fa9902efaaf3ed8347d4d6";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script>
var _hmt = _hmt || [];
(function () {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?affc14f9acc293b595d93fb3d8e21590";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script>
var type = navigator.appName;
if (type == "Netscape") var lang = navigator.language;
else var lang = navigator.userLanguage;
var lang = lang.substr(0, 2);
//英文路径
var url = window.location;
//获取网页的来路
function getQueryString(name) {
const url_string = window.location.href; // window.location.href
const url = new URL(url_string);
if (url.searchParams.get(name) != null) {
Cookie_Set('language', url.searchParams.get(name));
}
}
getQueryString('language');
console.log(!Cookie_Get('language'), lang)
if (!Cookie_Get('language') && lang == 'en') {
window.location.href = 'https://en.colorlightinside.com';
}
function Cookie_Set(name, val) {
// var strsec = getsec(time);
var exp = new Date();
// exp.setTime(exp.getTime() + strsec * 1);
document.cookie = name + "=" + val + ";path=/";
}
function Cookie_Get(name) {
var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
if (arr = document.cookie.match(reg)) {
return (arr[2]);
} else {
return null;
}
}
function getsec(str) {
var str1 = str.substring(1, str.length) * 1;
var str2 = str.substring(0, 1);
if (str2 == "s") {
return str1 * 1000;
} else if (str2 == "h") {
return str1 * 60 * 60 * 1000;
} else if (str2 == "d") {
return str1 * 24 * 60 * 60 * 1000;
}
}
</script>
<body>
<div class="header head3">
#include(navbar)
</div>
<div class="Lcrumbs">
<div class="container1260">
<a href="javascript:;">操作视频</a>
</div>
</div>
<div class="Bg">
<div class="container1260">
<div class="service_videoXQ clearfix">
<div class="publicLeft">
<div class="li active">
<h5>软件操作<div class="liOn"></div>
</h5>
<div class="li2">
<a href="/service/video/xixun_software/LedOK Express/index.html">LedOK Express</a>
<a class="active" href="/service/video/xixun_software/AIPS2.0/index.html">AIPS2.0通用信发平台</a>
<a class="" href="/service/video/xixun_software/Vehicle HUB/index.html">Vehicle HUB车载专用平台</a>
<a class="" href="/service/video/xixun_software/LEDOK Iot/index.html">LEDOK Iot智慧物联平台</a>
<a class="" href="/service/video/xixun_software/LEDOK Lite/index.html">LEDOK Lite</a>
</div>
</div>
<div class="li ">
<h5><a class="" href="/service/video/realtime/index.html">realtime操作</a><div ></div>
</h5>
</div>
</div>
<div class="right wow fadeInRight" data-wow-duration="2s">
<div class="con">
<div class="box">
<div class="imgbox">
<div class="pictureBox">
<video controls src="https://ledok.cn/download/aipsOperations/AIPS-1.mp4"></video>
</div>
</div>
<div class="text">
<h5>AIPS操作教程1-账号注册</h5>
</div>
</div>
<div class="box">
<div class="imgbox">
<div class="pictureBox">
<video controls src="https://ledok.cn/download/aipsOperations/AIPS-2.mp4"></video>
</div>
</div>
<div class="text">
<h5>AIPS操作教程2-入网配置</h5>
</div>
</div>
<div class="box">
<div class="imgbox">
<div class="pictureBox">
<video controls src="https://ledok.cn/download/aipsOperations/%E4%BA%91%E5%B9%B3%E5%8F%B0%E8%8A%82%E7%9B%AE%E4%B8%8A%E4%BC%A0%E4%B8%8E%E5%88%B6%E4%BD%9C.mp4"></video>
</div>
</div>
<div class="text">
<h5>AIPS操作教程3-节目上传与制作</h5>
</div>
</div>
<div class="box">
<div class="imgbox">
<div class="pictureBox">
<video controls src="https://ledok.cn/download/aipsOperations/%E4%BA%91%E5%B9%B3%E5%8F%B0%E5%8F%82%E6%95%B0%E5%A4%87%E4%BB%BD%E6%81%A2%E5%A4%8D.mp4"></video>
</div>
</div>
<div class="text">
<h5>AIPS操作教程4-云平台参数备份恢复</h5>
</div>
</div>
<div class="box">
<div class="imgbox">
<div class="pictureBox">
<video controls src="https://ledok.cn/download/aipsOperations/AIPS%E4%BA%91%E5%B9%B3%E5%8F%B0%E5%AE%9A%E7%82%B9%E6%8A%95%E6%94%BE.mp4"></video>
</div>
</div>
<div class="text">
<h5>AIPS操作教程5- 云平台定点投放</h5>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="LVideoPopup">
<i></i>
<div class="con">
<video src="" controls="controls" controlslist="nodownload" id="video"></video>
</div>
</div>
#include(footer)
<div class="Topping" id="ScrollTop"><i class="layui-icon layui-icon-top"></i></div>
</body>
</html>
<!--百度分享脚本-->
<script type="text/javascript" src="/static/js/share.js"></script>
<!--select模拟插件-->
<script type="text/javascript" src="/static/js/select2.min.js"></script>
<!--省市区三级联动-->
<script type="text/javascript" src="https://pv.sohu.com/cityjson"></script>
<script type="text/javascript" src="/static/js/jquery.citys.js"></script>
<!--wow入场插件-->
<script type="text/javascript" src="/static/js/wow.min.js"></script>
<!-- 数字滚动插件 -->
<script type="text/javascript" src="/static/js/jquery.counterup.min.js"></script>
<script type="text/javascript" src="/static/js/waypoints.min.js"></script>
<!--swiper插件-->
<script type="text/javascript" src="/static/js/swiper.jquery.min.js"></script>
<!--瀑布流插件-->
<script src="/static/js/modernizr.custom.js"></script>
<script src="/static/js/masonry.pkgd.min.js"></script>
<script src="/static/js/imagesloaded.pkgd.min.js"></script>
<script src="/static/js/classie.js"></script>
<script src="/static/js/AnimOnScroll.js"></script>
<!--自定义-->
<script type="text/javascript" src="/js/layout.js"></script>
<script src="/static/layui/layui.js" charset="utf-8"></script>
<script>
layui.use(['laypage', 'layer'], function () {
var laypage = layui.laypage
, layer = layui.layer;
//总页数低于页码总数
laypage.render({
elem: 'demo0',
count: "3",
curr: "1",
limit: "12",
prev: ' ',
next: ' ',
jump: function (obj, first) {
//首次不执行
if (!first) {
//do something
location.href = "/service/videolist/index_" + obj.curr + '.html' + '?id=64';
}
}
});
});
</script>
<script>
$(".service_videoXQ .right .con .box").click(function () {
var url = $(this).find("img").attr("data-url")
$(".LVideoPopup").find("video").attr("src", url)
$(".LVideoPopup").stop().fadeIn()
})
$(".LVideoPopup i").click(function () {
$(".LVideoPopup").stop().fadeOut()
$('#video').get(0).pause();
})
$(".LVideoPopup .con .off").click(function () {
$(".LVideoPopup").stop().fadeOut()
$('#video').get(0).pause();
})
</script>
<style>
.pictureBox video {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: auto;
transition: all 0.3s;
height: 100%;
width: 99%;
max-width: none;
object-fit: fill;
}
.service_videoXQ .right .con .box .imgbox {
width: 100%;
border: none;
}
.service_videoXQ .right .con .box .imgbox .pictureBox {
box-sizing: border-box;
border: none;
}
</style>

View File

@ -0,0 +1,280 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit" />
<meta name="format-detection" content="telephone=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no" />
<meta name="applicable-device" content="pc,mobile" />
<link rel="shortcut icon" href="/favicon.ico" />
<title>熙讯-产品中心</title>
<meta name="keywords" content="熙讯,LED控制系统,LED控制卡,播控系统,软件服务,熙讯下载,解决方案提供商-熙讯、熙讯云科技、熙讯电子科技有限公司、熙讯官网、熙讯下载" />
<meta name="description"
content="上海熙讯电子科技有限公司是全球户外数字传媒与LED显示控制系统解决方案服务商致力于以互联网技术和智能系统推动行业的产业升级为打造数字智慧城市贡献力量。10年来我们精耕于这一领域凭借卓越的创新能力、突出的定制能力、优秀的服务能力、赢得了全球客户的信任" />
<link rel="stylesheet" href="/static/iconfont/iconfont.css" />
<link rel="stylesheet" type="text/css" href="/static/layui/css/layui.css" />
<link rel="stylesheet" type="text/css" href="/static/css/layout.css" />
<script type="text/javascript" src="/static/js/jquery.min.js"></script>
<script type="text/javascript" src="/static/js/BeerSlider.js"></script>
<meta name="Author" content="xixun" />
</head>
<script>
var _hmt = _hmt || [];
(function () {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?7ff6901a09fa9902efaaf3ed8347d4d6";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script>
var _hmt = _hmt || [];
(function () {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?affc14f9acc293b595d93fb3d8e21590";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script>
var type = navigator.appName;
if (type == "Netscape") var lang = navigator.language;
else var lang = navigator.userLanguage;
var lang = lang.substr(0, 2);
//英文路径
var url = window.location;
//获取网页的来路
function getQueryString(name) {
const url_string = window.location.href; // window.location.href
const url = new URL(url_string);
if (url.searchParams.get(name) != null) {
Cookie_Set('language', url.searchParams.get(name));
}
}
getQueryString('language');
console.log(!Cookie_Get('language'), lang)
if (!Cookie_Get('language') && lang == 'en') {
window.location.href = 'https://en.colorlightinside.com';
}
function Cookie_Set(name, val) {
// var strsec = getsec(time);
var exp = new Date();
// exp.setTime(exp.getTime() + strsec * 1);
document.cookie = name + "=" + val + ";path=/";
}
function Cookie_Get(name) {
var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
if (arr = document.cookie.match(reg)) {
return (arr[2]);
} else {
return null;
}
}
function getsec(str) {
var str1 = str.substring(1, str.length) * 1;
var str2 = str.substring(0, 1);
if (str2 == "s") {
return str1 * 1000;
} else if (str2 == "h") {
return str1 * 60 * 60 * 1000;
} else if (str2 == "d") {
return str1 * 24 * 60 * 60 * 1000;
}
}
</script>
<body>
<div class="header head3">
#include(navbar)
</div>
<div class="Lcrumbs">
<div class="container1260">
<a href="javascript:;">操作视频</a>
</div>
</div>
<div class="Bg">
<div class="container1260">
<div class="service_videoXQ clearfix">
<div class="publicLeft">
<div class="li active">
<h5>软件操作<div class="liOn"></div>
</h5>
<div class="li2">
<a href="/service/video/xixun_software/LedOK Express/index.html">LedOK Express</a>
<a href="/service/video/xixun_software/AIPS2.0/index.html">AIPS2.0通用信发平台</a>
<a class="" href="/service/video/xixun_software/Vehicle HUB/index.html">Vehicle HUB车载专用平台</a>
<a class="active" href="/service/video/xixun_software/LEDOK Iot/index.html">LEDOK Iot智慧物联平台</a>
<a class="" href="/service/video/xixun_software/LEDOK Lite/index.html">LEDOK Lite</a>
</div>
</div>
<div class="li ">
<h5><a class="" href="/service/video/realtime/index.html">realtime操作</a><div ></div>
</h5>
</div>
</div>
<div class="right wow fadeInRight" data-wow-duration="2s">
<div class="con">
<div class="box">
<div class="imgbox">
<div class="pictureBox">
<video controls src="https://www.ledokcloud.com/aips4/manual/file/download/1772102026729238530?token=9975c97a914f9ebe2869898881e2844a"></video>
</div>
</div>
<div class="text">
<h5>LEDOK IoT注册及公司ID的绑定</h5>
</div>
</div>
<div class="box">
<div class="imgbox">
<div class="pictureBox">
<video controls src="https://www.ledokcloud.com/aips4/manual/file/download/1772102027110920194?token=9975c97a914f9ebe2869898881e2844a"></video>
</div>
</div>
<div class="text">
<h5>LEDOK IoT入网配置</h5>
</div>
</div>
<div class="box">
<div class="imgbox">
<div class="pictureBox">
<video controls src="https://www.ledokcloud.com/aips4/manual/file/download/1772102027429687297?token=9975c97a914f9ebe2869898881e2844a"></video>
</div>
</div>
<div class="text">
<h5>LEDOK IoT发布屏体节目</h5>
</div>
</div>
<div class="box">
<div class="imgbox">
<div class="pictureBox">
<video controls src="https://www.ledokcloud.com/aips4/manual/file/download/1772102112016216065?token=9975c97a914f9ebe2869898881e2844a"></video>
</div>
</div>
<div class="text">
<h5>LEDOK IoT发布广播节目</h5>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="LVideoPopup">
<i></i>
<div class="con">
<video src="" controls="controls" controlslist="nodownload" id="video"></video>
</div>
</div>
#include(footer)
<div class="Topping" id="ScrollTop"><i class="layui-icon layui-icon-top"></i></div>
</body>
</html>
<!--百度分享脚本-->
<script type="text/javascript" src="/static/js/share.js"></script>
<!--select模拟插件-->
<script type="text/javascript" src="/static/js/select2.min.js"></script>
<!--省市区三级联动-->
<script type="text/javascript" src="https://pv.sohu.com/cityjson"></script>
<script type="text/javascript" src="/static/js/jquery.citys.js"></script>
<!--wow入场插件-->
<script type="text/javascript" src="/static/js/wow.min.js"></script>
<!-- 数字滚动插件 -->
<script type="text/javascript" src="/static/js/jquery.counterup.min.js"></script>
<script type="text/javascript" src="/static/js/waypoints.min.js"></script>
<!--swiper插件-->
<script type="text/javascript" src="/static/js/swiper.jquery.min.js"></script>
<!--瀑布流插件-->
<script src="/static/js/modernizr.custom.js"></script>
<script src="/static/js/masonry.pkgd.min.js"></script>
<script src="/static/js/imagesloaded.pkgd.min.js"></script>
<script src="/static/js/classie.js"></script>
<script src="/static/js/AnimOnScroll.js"></script>
<!--自定义-->
<script type="text/javascript" src="/js/layout.js"></script>
<script src="/static/layui/layui.js" charset="utf-8"></script>
<script>
layui.use(['laypage', 'layer'], function () {
var laypage = layui.laypage
, layer = layui.layer;
//总页数低于页码总数
laypage.render({
elem: 'demo0',
count: "3",
curr: "1",
limit: "12",
prev: ' ',
next: ' ',
jump: function (obj, first) {
//首次不执行
if (!first) {
//do something
location.href = "/service/videolist/index_" + obj.curr + '.html' + '?id=64';
}
}
});
});
</script>
<script>
$(".service_videoXQ .right .con .box").click(function () {
var url = $(this).find("img").attr("data-url")
$(".LVideoPopup").find("video").attr("src", url)
$(".LVideoPopup").stop().fadeIn()
})
$(".LVideoPopup i").click(function () {
$(".LVideoPopup").stop().fadeOut()
$('#video').get(0).pause();
})
$(".LVideoPopup .con .off").click(function () {
$(".LVideoPopup").stop().fadeOut()
$('#video').get(0).pause();
})
</script>
<style>
.pictureBox video {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: auto;
transition: all 0.3s;
height: 100%;
width: 99%;
max-width: none;
object-fit: fill;
}
.service_videoXQ .right .con .box .imgbox {
width: 100%;
border: none;
}
.service_videoXQ .right .con .box .imgbox .pictureBox {
box-sizing: border-box;
border: none;
}
</style>

View File

@ -0,0 +1,271 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit" />
<meta name="format-detection" content="telephone=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no" />
<meta name="applicable-device" content="pc,mobile" />
<link rel="shortcut icon" href="/favicon.ico" />
<title>熙讯-产品中心</title>
<meta name="keywords" content="熙讯,LED控制系统,LED控制卡,播控系统,软件服务,熙讯下载,解决方案提供商-熙讯、熙讯云科技、熙讯电子科技有限公司、熙讯官网、熙讯下载" />
<meta name="description"
content="上海熙讯电子科技有限公司是全球户外数字传媒与LED显示控制系统解决方案服务商致力于以互联网技术和智能系统推动行业的产业升级为打造数字智慧城市贡献力量。10年来我们精耕于这一领域凭借卓越的创新能力、突出的定制能力、优秀的服务能力、赢得了全球客户的信任" />
<link rel="stylesheet" href="/static/iconfont/iconfont.css" />
<link rel="stylesheet" type="text/css" href="/static/layui/css/layui.css" />
<link rel="stylesheet" type="text/css" href="/static/css/layout.css" />
<script type="text/javascript" src="/static/js/jquery.min.js"></script>
<script type="text/javascript" src="/static/js/BeerSlider.js"></script>
<meta name="Author" content="xixun" />
</head>
<script>
var _hmt = _hmt || [];
(function () {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?7ff6901a09fa9902efaaf3ed8347d4d6";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script>
var _hmt = _hmt || [];
(function () {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?affc14f9acc293b595d93fb3d8e21590";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script>
var type = navigator.appName;
if (type == "Netscape") var lang = navigator.language;
else var lang = navigator.userLanguage;
var lang = lang.substr(0, 2);
//英文路径
var url = window.location;
//获取网页的来路
function getQueryString(name) {
const url_string = window.location.href; // window.location.href
const url = new URL(url_string);
if (url.searchParams.get(name) != null) {
Cookie_Set('language', url.searchParams.get(name));
}
}
getQueryString('language');
console.log(!Cookie_Get('language'), lang)
if (!Cookie_Get('language') && lang == 'en') {
window.location.href = 'https://en.colorlightinside.com';
}
function Cookie_Set(name, val) {
// var strsec = getsec(time);
var exp = new Date();
// exp.setTime(exp.getTime() + strsec * 1);
document.cookie = name + "=" + val + ";path=/";
}
function Cookie_Get(name) {
var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
if (arr = document.cookie.match(reg)) {
return (arr[2]);
} else {
return null;
}
}
function getsec(str) {
var str1 = str.substring(1, str.length) * 1;
var str2 = str.substring(0, 1);
if (str2 == "s") {
return str1 * 1000;
} else if (str2 == "h") {
return str1 * 60 * 60 * 1000;
} else if (str2 == "d") {
return str1 * 24 * 60 * 60 * 1000;
}
}
</script>
<body>
<div class="header head3">
#include(navbar)
</div>
<div class="Lcrumbs">
<div class="container1260">
<a href="javascript:;">操作视频</a>
</div>
</div>
<div class="Bg">
<div class="container1260">
<div class="service_videoXQ clearfix">
<div class="publicLeft">
<div class="li active">
<h5>软件操作<div class="liOn"></div>
</h5>
<div class="li2">
<a href="/service/video/xixun_software/LedOK Express/index.html">LedOK Express</a>
<a href="/service/video/xixun_software/AIPS2.0/index.html">AIPS2.0通用信发平台</a>
<a class="" href="/service/video/xixun_software/Vehicle HUB/index.html">Vehicle HUB车载专用平台</a>
<a class="" href="/service/video/xixun_software/LEDOK Iot/index.html">LEDOK Iot智慧物联平台</a>
<a class="active" href="/service/video/xixun_software/LEDOK Lite/index.html">LEDOK Lite</a>
</div>
</div>
<div class="li ">
<h5><a class="" href="/service/video/realtime/index.html">realtime操作</a><div ></div>
</h5>
</div>
</div>
<div class="right wow fadeInRight" data-wow-duration="2s">
<div class="con">
<div class="box">
<div class="imgbox">
<div class="pictureBox">
<video controls src="https://ledok.cn/download/LEDOKLite/%E6%89%8B%E6%9C%BAAPP%E4%B8%8B%E8%BD%BD%E6%95%99%E7%A8%8B.mp4"></video>
</div>
</div>
<div class="text">
<h5>手机APP下载教程</h5>
</div>
</div>
<div class="box">
<div class="imgbox">
<div class="pictureBox">
<video controls src="https://ledok.cn/download/LEDOKLite/%E6%89%8B%E6%9C%BAAPP%E5%8F%91%E5%B8%83%E8%8A%82%E7%9B%AE%E6%95%99%E7%A8%8B.mp4"></video>
</div>
</div>
<div class="text">
<h5>手机APP发布节目教程</h5>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="LVideoPopup">
<i></i>
<div class="con">
<video src="" controls="controls" controlslist="nodownload" id="video"></video>
</div>
</div>
#include(footer)
<div class="Topping" id="ScrollTop"><i class="layui-icon layui-icon-top"></i></div>
</body>
</html>
<!--百度分享脚本-->
<script type="text/javascript" src="/static/js/share.js"></script>
<!--select模拟插件-->
<script type="text/javascript" src="/static/js/select2.min.js"></script>
<!--省市区三级联动-->
<script type="text/javascript" src="https://pv.sohu.com/cityjson"></script>
<script type="text/javascript" src="/static/js/jquery.citys.js"></script>
<!--wow入场插件-->
<script type="text/javascript" src="/static/js/wow.min.js"></script>
<!-- 数字滚动插件 -->
<script type="text/javascript" src="/static/js/jquery.counterup.min.js"></script>
<script type="text/javascript" src="/static/js/waypoints.min.js"></script>
<!--swiper插件-->
<script type="text/javascript" src="/static/js/swiper.jquery.min.js"></script>
<!--瀑布流插件-->
<script src="/static/js/modernizr.custom.js"></script>
<script src="/static/js/masonry.pkgd.min.js"></script>
<script src="/static/js/imagesloaded.pkgd.min.js"></script>
<script src="/static/js/classie.js"></script>
<script src="/static/js/AnimOnScroll.js"></script>
<!--自定义-->
<script type="text/javascript" src="/js/layout.js"></script>
<script src="/static/layui/layui.js" charset="utf-8"></script>
<script>
layui.use(['laypage', 'layer'], function () {
var laypage = layui.laypage
, layer = layui.layer;
//总页数低于页码总数
laypage.render({
elem: 'demo0',
count: "3",
curr: "1",
limit: "12",
prev: ' ',
next: ' ',
jump: function (obj, first) {
//首次不执行
if (!first) {
//do something
location.href = "/service/videolist/index_" + obj.curr + '.html' + '?id=64';
}
}
});
});
</script>
<script>
$(".service_videoXQ .right .con .box").click(function () {
var url = $(this).find("img").attr("data-url")
$(".LVideoPopup").find("video").attr("src", url)
$(".LVideoPopup").stop().fadeIn()
})
$(".LVideoPopup i").click(function () {
$(".LVideoPopup").stop().fadeOut()
$('#video').get(0).pause();
})
$(".LVideoPopup .con .off").click(function () {
$(".LVideoPopup").stop().fadeOut()
$('#video').get(0).pause();
})
</script>
<style>
.service_videoXQ .right .con .box {
width: 36.88889%;
margin-bottom: 1.5625vw;
cursor: pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.service_videoXQ .right .con .box .imgbox .pictureBox {
padding-top: 156.36364%;
}
.pictureBox video {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: auto;
transition: all 0.3s;
height: 100%;
width: 98%;
max-width: none;
border: 2px solid #00479f;
object-fit: fill;
}
.service_videoXQ .right .con .box .imgbox {
width: 100%;
border: none;
}
.service_videoXQ .right .con .box .imgbox .pictureBox {
box-sizing: border-box;
border: none;
}
</style>

View File

@ -117,19 +117,16 @@
<h5>软件操作<div class="liOn"></div> <h5>软件操作<div class="liOn"></div>
</h5> </h5>
<div class="li2"> <div class="li2">
<a class="active" href="/service/video/xixun_software/LedOK Express/index.html">LedOK Express</a> <a class="active" href="/service/video/xixun_software/LedOK Express/index.html">LedOK Express</a>
<a class="" href="/service/video/xixun_software/AIPS2.0/index.html">AIPS2.0通用信发平台</a> <a href="/service/video/xixun_software/AIPS2.0/index.html">AIPS2.0通用信发平台</a>
<a class="" href="/service/video/xixun_software/Vehicle HUB/index.html">Vehicle HUB车载专用平台</a> <a class="" href="/service/video/xixun_software/Vehicle HUB/index.html">Vehicle HUB车载专用平台</a>
<a class="" href="/service/video/xixun_software/LEDOK Iot/index.html">LEDOK Iot智慧物联平台</a> <a class="" href="/service/video/xixun_software/LEDOK Iot/index.html">LEDOK Iot智慧物联平台</a>
<a class="" href="/service/video/xixun_software/LEDOK Lite/index.html">LEDOK Lite</a> <a class="" href="/service/video/xixun_software/LEDOK Lite/index.html">LEDOK Lite</a>
</div> </div>
</div> </div>
<div class="li "> <div class="li ">
<h5>realtime操作<div class="liOn"></div> <h5><a class="" href="/service/video/realtime/index.html">realtime操作</a><div ></div>
</h5> </h5>
<div class="li2">
<a class="" href="/service/realtime/index.html">realtime操作</a>
</div>
</div> </div>
</div> </div>
<div class="right wow fadeInRight" data-wow-duration="2s"> <div class="right wow fadeInRight" data-wow-duration="2s">
@ -137,25 +134,61 @@
<div class="box"> <div class="box">
<div class="imgbox"> <div class="imgbox">
<div class="pictureBox"> <div class="pictureBox">
<!-- <video src="https://ledok.cn/download/realtime视频教程/realtime环境搭建.mp4"></video> --> <video controls src="https://ledok.cn/download/LEDOK%E8%BD%AF%E4%BB%B6%E8%A7%86%E9%A2%91%E6%95%99%E7%A8%8B/LEDOK%E6%93%8D%E4%BD%9C%E6%95%99%E7%A8%8B%EF%BC%881%EF%BC%89-%E8%BD%AF%E4%BB%B6%E5%AE%89%E8%A3%85.mp4"></video>
<img src=""
alt="" data-url="https://ledok.cn/download/realtime视频教程/realtime环境搭建.mp4">
</div> </div>
</div> </div>
<div class="text"> <div class="text">
<h5>realtime环境搭建</h5> <h5>LEDOK操作教程1-软件安装</h5>
</div> </div>
</div> </div>
<div class="box"> <div class="box">
<div class="imgbox"> <div class="imgbox">
<div class="pictureBox"> <div class="pictureBox">
<!-- <video src="https://ledok.cn/download/realtime视频教程/realtime节目下发.mp4"></video> --> <video controls src="https://ledok.cn/download/LEDOK%E8%BD%AF%E4%BB%B6%E8%A7%86%E9%A2%91%E6%95%99%E7%A8%8B/LEDOK%E6%93%8D%E4%BD%9C%E6%95%99%E7%A8%8B%EF%BC%882%EF%BC%89-%E5%B1%8F%E5%B9%95%E9%85%8D%E7%BD%AE.mp4"></video>
<img src=""
alt="" data-url="https://ledok.cn/download/realtime视频教程/realtime环境搭建.mp4">
</div> </div>
</div> </div>
<div class="text"> <div class="text">
<h5>realtime节目下发</h5> <h5>LEDOK操作教程2-屏幕配置</h5>
</div>
</div>
<div class="box">
<div class="imgbox">
<div class="pictureBox">
<video controls src="https://ledok.cn/download/LEDOK%E8%BD%AF%E4%BB%B6%E8%A7%86%E9%A2%91%E6%95%99%E7%A8%8B/LEDOK%E6%93%8D%E4%BD%9C%E6%95%99%E7%A8%8B%EF%BC%883%EF%BC%89-%E8%8A%82%E7%9B%AE%E7%BC%96%E8%BE%91%E4%B8%8E%E5%8F%91%E5%B8%83.mp4"></video>
</div>
</div>
<div class="text">
<h5>LEDOK操作教程3-节目编辑与发布</h5>
</div>
</div>
<div class="box">
<div class="imgbox">
<div class="pictureBox">
<video controls src="https://ledok.cn/download/LEDOK%E8%BD%AF%E4%BB%B6%E8%A7%86%E9%A2%91%E6%95%99%E7%A8%8B/LEDOK%E6%93%8D%E4%BD%9C%E6%95%99%E7%A8%8B--%E6%8E%A7%E5%88%B6%E5%8D%A1%E8%BD%AF%E4%BB%B6%E5%8D%87%E7%BA%A7.mp4"></video>
</div>
</div>
<div class="text">
<h5>LEDOK操作教程4-控制卡软件升级</h5>
</div>
</div>
<div class="box">
<div class="imgbox">
<div class="pictureBox">
<video controls src="https://ledok.cn/download/LEDOK%E8%BD%AF%E4%BB%B6%E8%A7%86%E9%A2%91%E6%95%99%E7%A8%8B/LEDOK%E6%93%8D%E4%BD%9C%E6%95%99%E7%A8%8B--%E6%8E%A7%E5%88%B6%E5%8D%A1%E7%A1%AC%E4%BB%B6%E5%8D%87%E7%BA%A7.mp4"></video>
</div>
</div>
<div class="text">
<h5>LEDOK操作教程5-控制卡硬件升级</h5>
</div>
</div>
<div class="box">
<div class="imgbox">
<div class="pictureBox">
<video controls src="https://ledok.cn/download/LEDOK%E8%BD%AF%E4%BB%B6%E8%A7%86%E9%A2%91%E6%95%99%E7%A8%8B/%E5%B1%80%E5%9F%9F%E7%BD%91%E9%9B%86%E7%BE%A4%E5%8D%87%E7%BA%A7%E6%93%8D%E4%BD%9C%E8%AF%B4%E6%98%8E.mp4"></video>
</div>
</div>
<div class="text">
<h5>LEDOK操作教程6-局域网集群升级</h5>
</div> </div>
</div> </div>
</div> </div>
@ -166,12 +199,12 @@
<div class="LVideoPopup"> <div class="LVideoPopup">
<i></i> <i></i>
<div class="con"> <div class="con">
<!-- <div class="off"><img src="/dist/images/closeIcon.png" alt=""></div> -->
<video src="" controls="controls" controlslist="nodownload" id="video"></video> <video src="" controls="controls" controlslist="nodownload" id="video"></video>
</div> </div>
</div> </div>
#include(footer) #include(footer)
<div class="Topping" id="ScrollTop"><i class="iconfont icon_top1"></i></div>
<div class="Topping" id="ScrollTop"><i class="layui-icon layui-icon-top"></i></div>
</body> </body>
@ -242,3 +275,26 @@
$('#video').get(0).pause(); $('#video').get(0).pause();
}) })
</script> </script>
<style>
.pictureBox video {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: auto;
transition: all 0.3s;
height: 100%;
width: 99%;
max-width: none;
object-fit: fill;
}
.service_videoXQ .right .con .box .imgbox {
width: 100%;
border: none;
}
.service_videoXQ .right .con .box .imgbox .pictureBox {
box-sizing: border-box;
border: none;
}
</style>

View File

@ -0,0 +1,311 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit" />
<meta name="format-detection" content="telephone=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no" />
<meta name="applicable-device" content="pc,mobile" />
<link rel="shortcut icon" href="/favicon.ico" />
<title>熙讯-产品中心</title>
<meta name="keywords" content="熙讯,LED控制系统,LED控制卡,播控系统,软件服务,熙讯下载,解决方案提供商-熙讯、熙讯云科技、熙讯电子科技有限公司、熙讯官网、熙讯下载" />
<meta name="description"
content="上海熙讯电子科技有限公司是全球户外数字传媒与LED显示控制系统解决方案服务商致力于以互联网技术和智能系统推动行业的产业升级为打造数字智慧城市贡献力量。10年来我们精耕于这一领域凭借卓越的创新能力、突出的定制能力、优秀的服务能力、赢得了全球客户的信任" />
<link rel="stylesheet" href="/static/iconfont/iconfont.css" />
<link rel="stylesheet" type="text/css" href="/static/layui/css/layui.css" />
<link rel="stylesheet" type="text/css" href="/static/css/layout.css" />
<script type="text/javascript" src="/static/js/jquery.min.js"></script>
<script type="text/javascript" src="/static/js/BeerSlider.js"></script>
<meta name="Author" content="xixun" />
</head>
<script>
var _hmt = _hmt || [];
(function () {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?7ff6901a09fa9902efaaf3ed8347d4d6";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script>
var _hmt = _hmt || [];
(function () {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?affc14f9acc293b595d93fb3d8e21590";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script>
var type = navigator.appName;
if (type == "Netscape") var lang = navigator.language;
else var lang = navigator.userLanguage;
var lang = lang.substr(0, 2);
//英文路径
var url = window.location;
//获取网页的来路
function getQueryString(name) {
const url_string = window.location.href; // window.location.href
const url = new URL(url_string);
if (url.searchParams.get(name) != null) {
Cookie_Set('language', url.searchParams.get(name));
}
}
getQueryString('language');
console.log(!Cookie_Get('language'), lang)
if (!Cookie_Get('language') && lang == 'en') {
window.location.href = 'https://en.colorlightinside.com';
}
function Cookie_Set(name, val) {
// var strsec = getsec(time);
var exp = new Date();
// exp.setTime(exp.getTime() + strsec * 1);
document.cookie = name + "=" + val + ";path=/";
}
function Cookie_Get(name) {
var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
if (arr = document.cookie.match(reg)) {
return (arr[2]);
} else {
return null;
}
}
function getsec(str) {
var str1 = str.substring(1, str.length) * 1;
var str2 = str.substring(0, 1);
if (str2 == "s") {
return str1 * 1000;
} else if (str2 == "h") {
return str1 * 60 * 60 * 1000;
} else if (str2 == "d") {
return str1 * 24 * 60 * 60 * 1000;
}
}
</script>
<body>
<div class="header head3">
#include(navbar)
</div>
<div class="Lcrumbs">
<div class="container1260">
<a href="javascript:;">操作视频</a>
</div>
</div>
<div class="Bg">
<div class="container1260">
<div class="service_videoXQ clearfix">
<div class="publicLeft">
<div class="li active">
<h5>软件操作<div class="liOn"></div>
</h5>
<div class="li2">
<a href="/service/video/xixun_software/LedOK Express/index.html">LedOK Express</a>
<a href="/service/video/xixun_software/AIPS2.0/index.html">AIPS2.0通用信发平台</a>
<a class="active" href="/service/video/xixun_software/Vehicle HUB/index.html">Vehicle HUB车载专用平台</a>
<a class="" href="/service/video/xixun_software/LEDOK Iot/index.html">LEDOK Iot智慧物联平台</a>
<a class="" href="/service/video/xixun_software/LEDOK Lite/index.html">LEDOK Lite</a>
</div>
</div>
<div class="li ">
<h5><a class="" href="/service/video/realtime/index.html">realtime操作</a><div ></div>
</h5>
</div>
</div>
<div class="right wow fadeInRight" data-wow-duration="2s">
<div class="con">
<div class="box">
<div class="imgbox">
<div class="pictureBox">
<video controls src="https://ledaips.com:440/registerAccount.mp4"></video>
</div>
</div>
<div class="text">
<h5>Vehicle HUB车载专用平台 - 账号注册说明</h5>
</div>
</div>
<div class="box">
<div class="imgbox">
<div class="pictureBox">
<video controls src="https://ledaips.com:440/bindingLedTerminalToPlatform.mp4"></video>
</div>
</div>
<div class="text">
<h5>Vehicle HUB车载专用平台 - 账号绑定操作说明</h5>
</div>
</div>
<div class="box">
<div class="imgbox">
<div class="pictureBox">
<video controls src="https://ledaips.com:440/publishGroupAds.mp4"></video>
</div>
</div>
<div class="text">
<h5>Vehicle HUB车载专用平台 - 广告</h5>
</div>
</div>
<div class="box">
<div class="imgbox">
<div class="pictureBox">
<video controls src="https://ledaips.com:440/publishFixedPointAds.mp4"></video>
</div>
</div>
<div class="text">
<h5>Vehicle HUB车载专用平台 - 定点广告</h5>
</div>
</div>
<div class="box">
<div class="imgbox">
<div class="pictureBox">
<video controls src="https://ledaips.com:440/publishQuantityAds.mp4"></video>
</div>
</div>
<div class="text">
<h5>Vehicle HUB车载专用平台 - 计数广告</h5>
</div>
</div>
<div class="box">
<div class="imgbox">
<div class="pictureBox">
<video controls src="https://ledaips.com:440/queryAdsPlayLog.mp4"></video>
</div>
</div>
<div class="text">
<h5>Vehicle HUB车载专用平台 - 播放日志</h5>
</div>
</div>
<div class="box">
<div class="imgbox">
<div class="pictureBox">
<video controls src="https://ledaips.com:440/queryCarRunningLog.mp4"></video>
</div>
</div>
<div class="text">
<h5>Vehicle HUB车载专用平台 - 设备运行日志</h5>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="LVideoPopup">
<i></i>
<div class="con">
<video src="" controls="controls" controlslist="nodownload" id="video"></video>
</div>
</div>
#include(footer)
<div class="Topping" id="ScrollTop"><i class="layui-icon layui-icon-top"></i></div>
</body>
</html>
<!--百度分享脚本-->
<script type="text/javascript" src="/static/js/share.js"></script>
<!--select模拟插件-->
<script type="text/javascript" src="/static/js/select2.min.js"></script>
<!--省市区三级联动-->
<script type="text/javascript" src="https://pv.sohu.com/cityjson"></script>
<script type="text/javascript" src="/static/js/jquery.citys.js"></script>
<!--wow入场插件-->
<script type="text/javascript" src="/static/js/wow.min.js"></script>
<!-- 数字滚动插件 -->
<script type="text/javascript" src="/static/js/jquery.counterup.min.js"></script>
<script type="text/javascript" src="/static/js/waypoints.min.js"></script>
<!--swiper插件-->
<script type="text/javascript" src="/static/js/swiper.jquery.min.js"></script>
<!--瀑布流插件-->
<script src="/static/js/modernizr.custom.js"></script>
<script src="/static/js/masonry.pkgd.min.js"></script>
<script src="/static/js/imagesloaded.pkgd.min.js"></script>
<script src="/static/js/classie.js"></script>
<script src="/static/js/AnimOnScroll.js"></script>
<!--自定义-->
<script type="text/javascript" src="/js/layout.js"></script>
<script src="/static/layui/layui.js" charset="utf-8"></script>
<script>
layui.use(['laypage', 'layer'], function () {
var laypage = layui.laypage
, layer = layui.layer;
//总页数低于页码总数
laypage.render({
elem: 'demo0',
count: "3",
curr: "1",
limit: "12",
prev: ' ',
next: ' ',
jump: function (obj, first) {
//首次不执行
if (!first) {
//do something
location.href = "/service/videolist/index_" + obj.curr + '.html' + '?id=64';
}
}
});
});
</script>
<script>
$(".service_videoXQ .right .con .box").click(function () {
var url = $(this).find("img").attr("data-url")
$(".LVideoPopup").find("video").attr("src", url)
$(".LVideoPopup").stop().fadeIn()
})
$(".LVideoPopup i").click(function () {
$(".LVideoPopup").stop().fadeOut()
$('#video').get(0).pause();
})
$(".LVideoPopup .con .off").click(function () {
$(".LVideoPopup").stop().fadeOut()
$('#video').get(0).pause();
})
</script>
<style>
.pictureBox video {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: auto;
transition: all 0.3s;
height: 100%;
width: 99%;
max-width: none;
object-fit: fill;
}
.service_videoXQ .right .con .box .imgbox {
width: 100%;
border: none;
}
.service_videoXQ .right .con .box .imgbox .pictureBox {
box-sizing: border-box;
border: none;
}
</style>

View File

@ -26,17 +26,27 @@
#include(navbar) #include(navbar)
</div> </div>
<div class="banner2"> <div class="banner2">
<img src="../../static/solutions/lamp_pole/banner.jpg" alt="智慧灯杆解决方案" /> <img src="/static/image/banner/new_灯杆解决方案.png" alt="">
<!-- <div class="language-box" id="languageBox"> <div class="banner2text">
<i class="layui-icon layui-icon-website"></i> <div class="container1260">
<span class="Language">language</span> <p style="margin-bottom: 15px;"><span class="Title1">让终端智慧起来</span></p>
</div> --> <!-- <p style="margin-bottom: 15px;"><span>LedOK iot 智慧物联网方案</span></p> -->
<h5>
<span class="Title2" style="font-family: arial, helvetica, sans-serif;">畅享科技福利 万物互联互通</span>
<!-- <span style="font-family: arial, helvetica, sans-serif;">LedOK iot智慧物联</span> -->
</h5>
<div class="login-btn-box" style="margin-top: 5px;">
<a id="login" href="https://www.ledokcloud.com" style="background-color: #5959e2;border-radius: 10px;" class="layui-btn layui-btn-warm layui-btn-lg PlatformLogin">平台登录</a>
</div>
</div>
</div>
</div>
<!-- <div class="banner2">
<img src="/static/image/banner/new_灯杆解决方案.png" alt="智慧灯杆解决方案" />
<div class="banner2text" style="position: absolute; top: 70%;right: 30%;"> <div class="banner2text" style="position: absolute; top: 70%;right: 30%;">
<div class="container1260"> <div class="container1260">
<!-- <p style="margin-bottom: 15px;"><span class="CarScreenSolution">商业显示解决方案</span></p>
<h5>
<span class="CarAdCloudAccess" style="font-family: arial, helvetica, sans-serif;">多屏拼接,集群控制</span>
</h5> -->
<div class="login-btn-box" style="margin-top: 5px;"> <div class="login-btn-box" style="margin-top: 5px;">
<a id="login" href="https://www.ledokcloud.com" class="layui-btn layui-btn-warm layui-btn-lg PlatformLogin" <a id="login" href="https://www.ledokcloud.com" class="layui-btn layui-btn-warm layui-btn-lg PlatformLogin"
style="padding: 0 3rem;height: 3rem;line-height: 3rem;border-radius: 1.3rem;font-size: 1.6rem;background-color: #364e6b;"> style="padding: 0 3rem;height: 3rem;line-height: 3rem;border-radius: 1.3rem;font-size: 1.6rem;background-color: #364e6b;">
@ -45,7 +55,7 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div> -->
<div class="AnchorLocation"> <div class="AnchorLocation">
<div class="con"> <div class="con">
<div class="li active SolutionIntroduction">方案介绍</div> <div class="li active SolutionIntroduction">方案介绍</div>

View File

@ -117,7 +117,7 @@
<a href="./commerce_display/commerce_display.html">了解更多 <img src="" alt="" /></a> <a href="./commerce_display/commerce_display.html">了解更多 <img src="" alt="" /></a>
</div> </div>
</div> </div>
<div class="box wow fadeInLeft" data-wow-duration="2s"> <!-- <div class="box wow fadeInLeft" data-wow-duration="2s">
<div class="imgbox"> <div class="imgbox">
<div class="pictureBox"> <div class="pictureBox">
<img class="solution_img" src="../static/image/banner/new_同步视频处理方案.png" alt="" /> <img class="solution_img" src="../static/image/banner/new_同步视频处理方案.png" alt="" />
@ -128,7 +128,7 @@
<p>商场、酒店、电视演播中心、展览展示</p> <p>商场、酒店、电视演播中心、展览展示</p>
<a href="./video_process/video_process.html">了解更多 <img src="" alt="" /></a> <a href="./video_process/video_process.html">了解更多 <img src="" alt="" /></a>
</div> </div>
</div> </div> -->
<div class="box wow fadeInRight" data-wow-duration="2s"> <div class="box wow fadeInRight" data-wow-duration="2s">
<div class="imgbox"> <div class="imgbox">
<div class="pictureBox"> <div class="pictureBox">

View File

@ -7847,19 +7847,6 @@ ul {
height: auto; height: auto;
} }
.pictureBox img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: auto;
-webkit-transition: all 0.3s;
transition: all 0.3s;
height: 100%;
/* min-width: 100%; */
max-width: none;
object-fit: cover;
}
.pictureBox img { .pictureBox img {
position: absolute; position: absolute;
top: 50%; top: 50%;
@ -13445,7 +13432,7 @@ ul {
padding-top: 56.36364%; padding-top: 56.36364%;
} }
.service_videoXQ .right .con .box .imgbox .pictureBox::before { /* .service_videoXQ .right .con .box .imgbox .pictureBox::before {
content: ""; content: "";
width: 2.6042vw; width: 2.6042vw;
height: 2.6042vw; height: 2.6042vw;
@ -13458,7 +13445,7 @@ ul {
background-image: url(../image/videoIcon.png); background-image: url(../image/videoIcon.png);
background-size: 100% 100%; background-size: 100% 100%;
z-index: 2; z-index: 2;
} } */
.service_videoXQ .right .con .box .text { .service_videoXQ .right .con .box .text {
width: 100%; width: 100%;

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.9 MiB

After

Width:  |  Height:  |  Size: 674 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 343 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 MiB