index.html 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. {%include 'inc/header.html'%}
  5. <link href="{{static_url('css/index.css')}}" rel="stylesheet">
  6. <link href="{{static_url('lib/player/video-js.min.css')}}" rel="stylesheet">
  7. </head>
  8. <body>
  9. {%include 'inc/menu.html'%}
  10. <div class="wrapper">
  11. <div class="swiper-container">
  12. <div class="swiper-wrapper">
  13. <div class="swiper-slide">
  14. <video id="player-1" loop="loop" width="1000" height="450" class="player video-js vjs-default-skin vjs-big-play-centered" controls>
  15. <source
  16. src="{{data['setting']['web']['video']}}"
  17. type="video/mp4">
  18. </video>
  19. </div>
  20. </div>
  21. </div>
  22. {% if data['function'] %}
  23. <div class="block product">
  24. <h2 class="block-title">产品功能</h2>
  25. <ul>
  26. {%set i=1 %}
  27. {% for v in data['function'] %}
  28. <li><a href="{{v['link']}}"><i class="icon icon{{i}}"></i><p>{{v['name']}}</p></a></li>
  29. {%set i=i+1 %}
  30. {% end %}
  31. </ul>
  32. </div>
  33. {% end %}
  34. <div class="block wechat">
  35. <h2 class="block-title">微信管理</h2>
  36. <img src="{{data['setting']['web']['wx_pic']}}" width="559" height="220">
  37. <div class="msg">
  38. {% raw data['setting']['web']['wx_text'] %}
  39. <a href="{{data['setting']['web']['wx_link']}}" target="_blank">查看详细操作说明</a>
  40. </div>
  41. </div>
  42. {% if data['demo'] %}
  43. <div class="block custom">
  44. <h2 class="block-title">客户案例</h2>
  45. <ul>
  46. {% for v in data['demo'] %}
  47. <li><a href="{{v['link']}}"><img src="{{v['pic']}}" width="100%"><p>{{v['name']}}</p></a></li>
  48. {% end %}
  49. </ul>
  50. </div>
  51. {% end %}
  52. </div>
  53. {%include 'inc/footer.html'%}
  54. {%include 'inc/script.html'%}
  55. <script type="text/javascript" src="{{static_url('lib/player/video.min.js')}}"></script>
  56. <script type="text/javascript" src="{{static_url('lib/player/videojs-contrib-hls.min.js')}}"></script>
  57. <script>
  58. $(".player").each(function()
  59. {
  60. var self = $(this);
  61. var id = self.attr('id');
  62. var url = self.attr('data-url');
  63. var player = videojs(id, { fluid: false }, function()
  64. {
  65. //this.play();
  66. });
  67. });
  68. </script>
  69. </body>
  70. </html>