index.html 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="referrer" content="origin">
  6. <meta http-equiv="X-UA-Compatible"content="IE=edge">
  7. <meta content="telephone=no" name="format-detection" />
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
  9. <title>{$videoinfo['title']|default=$site_info['site_name']}</title>
  10. <link rel="stylesheet" type="text/css" href="__STATIC__/appapi/share/css/iconfont.css">
  11. <link rel="stylesheet" type="text/css" href="__STATIC__/appapi/share/css/style.css">
  12. <link href="__STATIC__/appapi/share/css/video-js.min.css" rel="stylesheet">
  13. <script type="text/javascript" src="__STATIC__/appapi/share/js/jquery-1.10.1.min.js"></script>
  14. <script type="text/javascript">
  15. var isiPad = /iPad/i.test(navigator.userAgent);
  16. var isiPhone = /iPhone|iPod/i.test(navigator.userAgent);
  17. var isAndroid = /Android/i.test(navigator.userAgent);
  18. var isWeixin = /MicroMessenger/i.test(navigator.userAgent);
  19. var isQQ = /QQ/i.test(navigator.userAgent);
  20. var isIOS = (isiPad || isiPhone);
  21. var isWeibo = /Weibo/i.test(navigator.userAgent);
  22. var isApp = (isAndroid || isIOS);
  23. var videosrc='{$hls}';
  24. var myPlayer;
  25. var h=window.screen.height;
  26. var videotimer='',request='';
  27. </script>
  28. </head>
  29. <body>
  30. <!--视频-->
  31. <section class="section1" style="background: #000;">
  32. <div id="mse" style="height: 100%;"></div>
  33. <script src="__STATIC__/xigua/xgplayer.js?t=1574906138" type="text/javascript"></script>
  34. <script>
  35. let player = new Player({
  36. "id": "mse",
  37. "url": "{$hls}",
  38. "playsinline": true,
  39. "whitelist": [
  40. ""
  41. ],
  42. "currentTime":"false",
  43. "fluid":true,
  44. "width": "100%",
  45. "height": "100%",
  46. "fitVideoSize": 'auto',
  47. "poster": "{$videoinfo['thumb']}",
  48. "ignores":['time','progress','loading','play'] //time当前播放时间/视频时长 progress视频进度条 loading加载提示 play控制条的播放、暂停按钮 replay重播
  49. });
  50. $(function(){
  51. $("#mse").css("height","100%");
  52. });
  53. </script>
  54. <article class="section1_box" id="section1_box">
  55. <header class="header clearfix">
  56. <div class="clearfix">
  57. <div class="userinfo">
  58. <img src="{$liveinfo['avatar_thumb']}" userid="{$liveinfo['id']}">
  59. <span class="ulive">{$liveinfo['user_nickname']}</span>
  60. <if condition="$liveinfo['id'] gt 0"><span class="unum">ID:{$liveinfo['id']}</span></if>
  61. </div>
  62. <div class="userimg" id="userimg">
  63. <ul class="userpic clearfix" id="userpic"></ul>
  64. </div>
  65. </div>
  66. </header>
  67. <!-- <article id="heart"><canvas id="canvas"></canvas></article> -->
  68. </article>
  69. <section class="touchbox" id="touchbox"></section>
  70. <!-- 下载 -->
  71. <div class="down-bottom" onclick="downurl()" style="z-index: 99999999;">
  72. <img src="__STATIC__/appapi/share/images/down.png">
  73. </div>
  74. </section>
  75. <!--视频-->
  76. <script type="text/javascript">
  77. function downurl(){
  78. var href='';
  79. if(isIOS){
  80. href='{$site_info['app_ios']}';
  81. }else{
  82. href='{$site_info['app_android']}';
  83. }
  84. location.href=href;
  85. return !1;
  86. }
  87. </script>
  88. </body>
  89. </html>