12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970 |
- <!DOCTYPE html>
- <html>
- <head>
- {%include 'inc/header.html'%}
- <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">
- <video id="player-1" loop="loop" 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>
- {%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>
- {%set i=i+1 %}
- {% 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="msg">
- {% raw data['setting']['web']['wx_text'] %}
- <a href="{{data['setting']['web']['wx_link']}}" target="_blank">查看详细操作说明</a>
- </div>
- </div>
- {% if data['demo'] %}
- <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>
- {% 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>
|