|
|
@@ -2,47 +2,69 @@
|
|
|
<html>
|
|
|
<head>
|
|
|
{%include 'inc/header.html'%}
|
|
|
- <link href="{{static_url('css/index.css')}}" rel="stylesheet"></head>
|
|
|
+ <link href="{{static_url('css/index.css')}}" rel="stylesheet">
|
|
|
+ <link href="{{static_url('lib/player/video-js.min.css')}}" rel="stylesheet">
|
|
|
+ </head>
|
|
|
<body>
|
|
|
{%include 'inc/menu.html'%}
|
|
|
<div class="wrapper">
|
|
|
<div class="swiper-container">
|
|
|
- <div class="swiper-wrapper">
|
|
|
- <div class="swiper-slide"><a href="#"><img src="{{static_url('images/1da7fa89.banner.jpg')}}" width="100%"><i class="btn-play"></i></a></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class="swiper-wrapper">
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <video id="player-1" width="1000" height="450" class="player video-js vjs-default-skin vjs-big-play-centered" controls>
|
|
|
+ <source
|
|
|
+ src="{{data['setting']['web']['video']}}"
|
|
|
+ type="video/mp4">
|
|
|
+ </video>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
{% if data['function'] %}
|
|
|
- <div class="block product">
|
|
|
- <h2 class="block-title">产品功能</h2>
|
|
|
- <ul>
|
|
|
+ <div class="block product">
|
|
|
+ <h2 class="block-title">产品功能</h2>
|
|
|
+ <ul>
|
|
|
{%set i=1 %}
|
|
|
{% for v in data['function'] %}
|
|
|
- <li><a href="{{v['link']}}"><i class="icon icon{{i}}"></i><p>{{v['name']}}</p></a></li>
|
|
|
+ <li><a href="{{v['link']}}"><i class="icon icon{{i}}"></i><p>{{v['name']}}</p></a></li>
|
|
|
{%set i=i+1 %}
|
|
|
- {% end %}
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
+ {% end %}
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
{% end %}
|
|
|
- <div class="block wechat">
|
|
|
- <h2 class="block-title">微信管理</h2>
|
|
|
- <img src="{{data['setting']['web']['wx_pic']}}" width="559" height="220">
|
|
|
+ <div class="block wechat">
|
|
|
+ <h2 class="block-title">微信管理</h2>
|
|
|
+ <img src="{{data['setting']['web']['wx_pic']}}" width="559" height="220">
|
|
|
<div class="msg">
|
|
|
{% raw data['setting']['web']['wx_text'] %}
|
|
|
<a href="{{data['setting']['web']['wx_link']}}" target="_blank">查看详细操作说明</a>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
{% if data['demo'] %}
|
|
|
- <div class="block custom">
|
|
|
- <h2 class="block-title">客户案例</h2>
|
|
|
- <ul>
|
|
|
+ <div class="block custom">
|
|
|
+ <h2 class="block-title">客户案例</h2>
|
|
|
+ <ul>
|
|
|
{% for v in data['demo'] %}
|
|
|
<li><a href="{{v['link']}}"><img src="{{v['pic']}}" width="100%"><p>{{v['name']}}</p></a></li>
|
|
|
{% end %}
|
|
|
</ul>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
{% end %}
|
|
|
</div>
|
|
|
{%include 'inc/footer.html'%}
|
|
|
{%include 'inc/script.html'%}
|
|
|
+ <script type="text/javascript" src="{{static_url('lib/player/video.min.js')}}"></script>
|
|
|
+ <script type="text/javascript" src="{{static_url('lib/player/videojs-contrib-hls.min.js')}}"></script>
|
|
|
+ <script>
|
|
|
+ $(".player").each(function()
|
|
|
+ {
|
|
|
+ var self = $(this);
|
|
|
+ var id = self.attr('id');
|
|
|
+ var url = self.attr('data-url');
|
|
|
+ var player = videojs(id, { fluid: false }, function()
|
|
|
+ {
|
|
|
+ //this.play();
|
|
|
+ });
|
|
|
+ });
|
|
|
+ </script>
|
|
|
</body>
|
|
|
</html>
|
rabin