{php $this->template('header')}

<link rel="stylesheet" href="{$public}css/swiper-3.4.2.min.css"/>
<link rel="stylesheet" href="{$public}css/video/play.css?{php echo time()}"/>
 <script src="{$public}js/swiper-3.4.2.min.js"></script> 
<script src="{$public}js/clipboard.min.js?{php echo time()}"></script>
{php echo share($list[0]['title'],$list[0]['img'],$list[0]['desc'],iurl('video/video/play',['uid'=>$this->user['id'],'id'=>$list[0]['id'],'type'=>2],true),share_video)}
<div class="bui-page">  

  {php $isapp=empty($get['source'])?0:($get['source']=='app'?1:0)}

  <style>
    video::-webkit-media-controls-fullscreen-button {
            background: #ccc;
        }
        .head{
            width: .7rem;
            height: .7rem;
            position: absolute;
            color: #fff;
            bottom: 1.5rem;
            right: .5rem;
            z-index: 300;
        }
        .head img{
            border-radius: 50%;
            width: .7rem;
            height: .7rem;
        }
        .input{
          position:absolute;
          z-index: -100;
          top: -10rem;
          left: -10rem;
        }

  </style>
 <main>
    <!-- 视频播放器 -->
    <div id="videobox">
    
 
        <video id="video"  width="100%" height="auto"  poster="{$list[0]['img']}"  style="object-fit:fill" src="{$list[0]['video']}" x5-video-player-type="h5-page" x5-video-player-fullscreen="true" video-player-fullscreen="true" x-webkit-airplay="true" webkit-playsinline="true" playsinline="true">您的浏览器不支持 video 标签。</video>
        <div class="jindu botton_btns">
            <div class="bui-progress">
              <div class="bui-progress-cell"></div>
            </div>
        </div>

        <div class="botton_btn botton_btns iconfont icon-shanghua" id="next_btn"></div>
    </div> 

  <!--视频播放器  -->
 <section class="swiper-container">
        <div class="swiper-wrapper">
        {loop $list $k $vo}
            
           <!-- 视频块 -->
                <article class="swiper-slide" data-video="{$vo['video']}" data-uid="{$vo['user']['id']}" data-id="{$vo['id']}" data-img="{$vo['img']}" data-desc="{php echo trimall($vo['desc'])}">
                    <div class="box">
                            <div class="videobtn">

                            </div>
                           <!-- 视频背景图 -->
                            <div class="vinfo" style="background-image:url({$vo['img']})"></div>
                           <!-- 遮罩播放 -->
                            <div class="mask" data-clipboard-action="copy" data-clipboard-text="{if vip($vo['uid'])==1&&!empty($vo['ad']['moren'])}{$vo['ad']['moren']}{else} {php echo config('ad_moren')} {/if}">

                                 <div class="paybtn">
                                    <span class="iconfont icon-bofang"></span>
                                 </div>
                             </div>
                             <div  class="input" id="input{$vo['id']}"></div>

                            <!-- 用户信息 -->
                            <div class="user">
                                   {if !empty($vo['user'])}
                                    <div class="userinfo">
                                       <img src="{$vo['user']['headimgurl']}" class="face" >
                                       <div class="nickname">{$vo['user']['nickname']}</div>
                                       <div class="desc es2">{$vo['user']['country']}{$vo['user']['province']}{$vo['user']['city']}</div>
                                    </div>
                                    {else}
                                    <div class="userinfo">
                                       <img src="{php echo empty(config('video_head'))?config('logo'):config('video_head');}" class="face" >
                                       <div class="nickname">{php echo empty(config('video_nick'))?config('name'):config('video_nick');}</div>
                                       <div class="desc es2">{php echo empty(config('video_qian'))?config('video_desc'):config('video_qian');}</div>
                                    </div>
                                    {/if}


                                    <div class="videoinfo es2">
                                      {php echo trimall($vo['title'])}
                                    </div>
                                   
                                    <div class="btn_group">
                                        

                                        <div class="item">
                                            <div class="iconfont icon-guangchang"></div>
                                            <div class="name">视频广场</div>
                                        </div>

                                        <div class="item">
                                            <div class="iconfont icon-card" data-uid="{$vo['uid']}"></div>
                                            <div class="name">Ta的名片</div>
                                        </div>

                                     
                                        <div class="item dianzan {if $vo['dz']}ydz{/if}"  data-id="{$vo['id']}">
                                            <div class="iconfont icon-xin"></div>
                                            <div class="name">{php echo $vo['zan']+$vo['addzan']}</div>
                                            
                                        </div>
                                        <div class="item">
                                            <div class="iconfont icon-kanguo_S"></div>
                                            <div class="name">{php echo ($vo['addeye']+$vo['eye']+1);}</div>
                                        </div>
                                         <div class="item">
                                            <div class="iconfont icon-jubao" data-vid="{$vo['id']}"></div>
                                            <div class="name">举报</div>
                                        </div>
                                    </div>

                                  {if !empty($vo['ad'])}
                                    <div class="spread alick_up_ad">
                                       <div class="icon">
                                        <img src="{$public}/img/ad/{$vo['ad']['icon']['icon']}">
                                       </div>
                                       <div class="name es1">{$vo['ad']['name']}</div>
                                       <div class="shouzhi"></div>
                                    </div>
                                  {/if}
                                  
                                {if $this->vip==1||config('edit_me')==2}

                                     <div class="hcw botton_btns" data-id="{$vo['id']}" {if $vo['uid']!=$this->user['id']} data-ewm="{$vo['ewm']}" {/if}>{if $vo['uid']==$this->user['id']}我的视频{else}换成我的{/if}</div>

                                {/if}

                                {if  $vo['vip']==1||config('config_chats')==2}
                                    {if $vo['uid']!=0}
                                    <div class="head" data-uid="{$vo['uid']}" data-cid="{$vo['cid']}">
                                        <img src="{php echo user($vo['uid'],'headimgurl')}" alt="">
                                    </div>
                                    {/if}
                                {/if}

                            </div>

                            <!-- 广告信息 -->

                            <div class="ad">
                                {if $vo['ad']['cate']=='good'}
                                  {if $vo['ad']['type']!='5'}
                                      <div class="good_ad click" id="animate_{$k}" data-url="{$vo['ad']['link']}">
                                         
                                                <img src="{$vo['ad']['img']}"  class="good_img">
                                                <div class="es2 title">{$vo['ad']['name']}</div>
                                                <div class="bar">
                                                      <span class="price">￥{$vo['ad']['price']}</span>

                                                      <span class="iconfont icon-shoppingCart-full"></span>
                                                </div>
                                           
                                           <div class="close icon-errorfill"></div>
                                      </div>
                                  {/if}
                                  {if $vo['ad']['type']=='5'}
                                      <!-- 淘宝商品 -->
                                      <div class="good_ad" id="animate_{$k}">
                                          
                                              <div class="good_img" style="background-image: url({$vo['ad']['img']})"></div>

                                              <div class="es2 title">{$vo['ad']['name']}</div>
                                              <div class="bar">
                                                  <span class="price yuanjia" style="text-decoration:line-through;font-size: 0.23rem; color: #999;">原价￥{$vo['ad']['cost']}</span>
                                                  <span class="price" style="padding-left: 20px;">券后:￥{$vo['ad']['price']}</span>
                                                  
                                              </div> 
                                              <div class="ad-btns">

                                                   <span class="copy copyCode" data-clipboard-text="{$vo['ad']['link']}">复制淘宝口令</span>
                                                   
                                              </div>
                                          
                                          <div class="close icon-errorfill"></div>
                                      </div>
                                  {/if}
                                {/if}
                                {if $vo['ad']['cate']=='wx'||$vo['ad']['cate']=='qt'}

                                          <!-- 公众号类的 -->
                                          <div class="qt_ad" id="animate_{$k}">
                                              <div class="img" style="background-image: url({$vo['ad']['img']})"></div>
                                             
                                              <img src="{$vo['ad']['ewm']}"  class="ewmurl">
                                              <div class="es1 name">{$vo['ad']['name']}</div>
                                              <div class="desc es2">{$vo['ad']['desc']}</div>
                                              
                                                 {if $vo['ad']['type']==7}
                                                  <div class="qt_btn tanewm" data-img="{$vo['ad']['img']}" data-ewm="{$vo['ad']['ewm']}">
                                                     关注
                                                   </div>
                                                  {/if}
                                                  {if $vo['ad']['type']==8}
                                                  <div class="qt_btn tanewm" data-img="{$vo['ad']['img']}" data-ewm="{$vo['ad']['ewm']}">
                                                     打开小程序
                                                   </div>
                                                  {/if}
                                                  {if $vo['ad']['type']==9}
                                                  <div class="qt_btn tanewm" data-img="{$vo['ad']['img']}" data-ewm="{$vo['ad']['ewm']}">
                                                     加Ta微信
                                                   </div>
                                                  {/if}
                                                  {if $vo['ad']['type']==10}
                                                  <div class="qt_btn tanewm" data-img="{$vo['ad']['img']}" data-ewm="{$vo['ad']['ewm']}">
                                                     我要加群
                                                   </div>
                                                  {/if}

                                                   {if $vo['ad']['type']==14}
                                                  <div class="qt_btn tanewm" data-img="{$vo['ad']['img']}" data-ewm="{$vo['ad']['ewm']}">
                                                     查看二维码
                                                   </div>
                                                  {/if}
                                                   {if $vo['ad']['type']==11}
                                                  <div class="qt_btn click" data-url="{$vo['ad']['link']}">
                                                     下载App
                                                   </div>
                                                  {/if}
                                                   {if $vo['ad']['type']==12}
                                                  <div class="qt_btn click" data-url="{$vo['ad']['link']}">
                                                     进入官网
                                                   </div>
                                                  {/if}
                                                   {if $vo['ad']['type']==13}
                                                  <div class="qt_btn click" data-url="{$vo['ad']['link']}">
                                                     过去看看
                                                   </div>
                                                  {/if}
                                               
                                                
                                              <div class="close icon-errorfill"></div>
                                          </div>
                                  
                                        <!--  公众号   关注   小程序  打开小程序   wx 加Ta微信 -->
                                        <!-- 下载APP 进入官网  去看看  我要入群 -->
                               
                                {/if}
                                {if $vo['ad']['type']=='6'}
                                  <!-- 实体店 -->
                                    <div class="shitidian" id="animate_{$k}">
                                        <div class="shitidian_top">
                                            <div class="img" style="background-image: url({$vo['ad']['img']})"></div>
                                            <div class="info">
                                                <div class="name es1">{$vo['ad']['name']}</div>
                                                <div class="desc es2">{$vo['ad']['desc']}</div>
                                                <div class="close icon-errorfill"></div>
                                            </div>
                                        </div>
                                        <div class="shitidian_address">
                                            <span class="address">地址：{$vo['ad']['address']}</span>
                                            <span class="shitidian_location" data-x="{$vo['ad']['pointx']}" data-y="{$vo['ad']['pointy']}"><i class="iconfont icon-dizhi"></i></span>
                                        </div>
                                        <div class="shitidian_iphone">
                                           <span class="iphone_xm">电话：<a href="tel:{$vo['ad']['tel']}">{$vo['ad']['tel']}</a></span>
                                           <span class="shitidian_xm  shitidian_look click" data-url="{$vo['ad']['link']}">进店看看</span>
                                        </div> 
                                    </div>
                                  <!-- 实体店 -->
                                {/if}
                            </div>
                    </div>
  <!-- <div id="jingmo">1111111111111111111111111</div> -->
                          
                 
                 </article>

            <!-- 视频块end -->

         {/loop}
         
        </div>
  </section>

  <div id="tanchu">
      <div class="ewmbox">
           <div class="ewm_face"></div>
           <div class="ewm_title es2"></div>
           <div class="ewm_tip es2"></div>
           <div class="ewmcon">
              <img src="" >
           </div>
           <div class="msg">长按识别上方二维码</div>
           <span class="icon-errorfill"></span>
      </div>
     
  </div>

 
    
</main>
  
</div>

  <style>
    img,p{
      max-width: 100%!important;
    }

  </style>
  
  
  <div id="uiDialogguanzhu" class="bui-dialog" style="display: none;">
      <div class="bui-dialog-head">关注</div>
      <div class="bui-dialog-main">
          <img src="{$ewm}" >
          <p class="text-c" style="margin-top: .25rem">长按识别关注公众号体验更多</p>
      </div>
     
      <div class="bui-dialog-close"><i class="icon-close"></i></div>
  </div>
  
 

    <script>

      var winh=window.innerHeight;
      var bh=document.body.clientHeight;

      var i=3,mySwiper,video_page=0,list_page=2,no_list=false,vm=0,video,uiLoading,uiToggle,video_id,windowHeight,uid='{php echo $this->user['id']}'; 

      // 兼容部分手机放大自适应
      window.onresize=function(){  

             windowHeight=$(window).height();
             // $('video').css('width','auto');
             // $('video').width(window.innerWidth);
             // 
         //alert(window.innerHeight+'   '+wh)
       //  alert(bh+" "+document.body.clientHeight)
             var ptop=window.innerHeight-winh;
            // $('video').height(window.innerHeight+);
             $('main').height(windowHeight);
             //$('video').css('padding-top',ptop+"px");

             // $('.jindu').css('top',(windowHeight3)+'px');
             // $('.botton_btn').css('top',(windowHeight-40)+'px');
            // 
      }
 
    var clipboard = new ClipboardJS('.copyCode');
      clipboard.on('success', function(e) {
          console.log(e);
          tips('复制成功');
      });
      var wwww = new ClipboardJS('.mask');

    
      wwww.on('success', function(e) {
       
         
      });
      

        

     bui.ready(function(){


          var uiDialogguanzhu = bui.dialog({
            id: "#uiDialogguanzhu",
            height: 280,
        });


 
          windowHeight=$(window).height();
       
          
         $('video').width($(window).width())
 
          video=$('#video')[0];
          //video.play();
          video.pause();
          mys.isPlay(video);



          //点击播放
          $(document).on('click','.mask',function(r){
             var that=this; 
               video=$('#video')[0];
               video.play();
               mys.isPlay(video);
               
               
              
          })


          //视频广场跳转
          $(document).on('click','.icon-guangchang',function(r){

              window.location.href="{php echo iurl('video/video/index')}";
          })

          // 他的名片
          
          $(document).on('click','.icon-card',function(r){

              var uid=$(this).data('uid');

              window.location.href="{php echo iurl('card/index/index')}&uid="+uid;
          })

           // 举报
           $(document).on('click','.icon-jubao',function(r){

               var vid=$(this).data('vid');

               window.location.href="{php echo iurl('video/report/index')}&vid="+vid;
           })

           $(document).on('click','.head',function(r){

              var userid=$(this).data('uid');
              var cid=$(this).data('cid');
              window.location.href= "{php echo iurl('chats/index/index');}&type=1&uid="+userid+"&cid="+cid
           })


          //点赞与取消
          
          $(document).on('click','.dianzan',function(r){
               var t=$(this);
               if(t.hasClass('ydz')){
                 tips('您已经赞了啦！');
                 return false;
               }

               var id=t.data('id');
               $.post("{php echo iurl('zan')}",{id:id},function(r){
                  
                  if(r.code){
                    t.addClass('ydz');
                    var name=t.find('.name');
                    name.text(parseInt(name.text())+1);
                  }

               })


             
          })

          // 换成我的
          $(document).on('click','.hcw',function(r){
              var subscribe="{php echo user($this->user['id'],'subscribe')}";
              var force_uinfo="{php echo config('force_uinfo')}";
              var editact="{php echo config('actedit')}";
              var vip="{php echo $this->vip}";

              var t=$(this);

               var ewm=t.data('ewm');
               var img=t.siblings('.head').find('img').attr('src');
            
               $('.ewmbox .ewm_face').css('background-image','url('+img+')');
               $('.ewmbox .ewm_title').text('关注二维码');
               $('.ewmbox .ewm_tip').text('长按识别关注既可以免费修改');

               $('.ewmbox .ewmcon img').attr('src',ewm);
               
              if (subscribe==0&&force_uinfo==2) {

                $('#tanchu').show();
                $('#tanchu .ewmbox').show();
                return false;
              }
              var zuid=$('.swiper-slide-active').data('uid');
              var id=$(this).data('id');

              var url=(zuid!=uid)?("{php echo iurl('video/index/edit',['type'=>2])}&id="+id):"{php echo iurl('video/video/my')}";

              window.location.href=url;   
          })

         
          
          
         
           //点击关闭跳出的广告
          $(document).on('click','.ad .close',function(){
              uiToggle.hide();
              return false;
          })

          //点击弹出广告
          $(document).on('click','.alick_up_ad',function() {

            if(uiToggle!=undefined){
              uiToggle.show();
            }else{
              mys.showAd();
            }
           
            
          })


          // 弹出二维码
          // 
          
          $(document).on('click','.tanewm',function() {

               var t=$(this);
               //获取
               var img=t.data('img');
               var ewm=t.siblings('.ewmurl').attr('src');
               var title=t.siblings('.name').text();
               var desc=t.siblings('.desc').text();

               $('.ewmbox .ewm_face').css('background-image','url('+img+')');
               $('.ewmbox .ewm_title').text(title);
               $('.ewmbox .ewm_tip').text(desc);

               $('.ewmbox .ewmcon img').attr('src',ewm);
               

              $('#tanchu').show();
              $('#tanchu .ewmbox').show();
           
          })

           $(document).on('click','.ewmbox .icon-errorfill',function() {

              $('#tanchu').hide();
              $('#tanchu .ewmbox').hide();
           
          })


           // 位置导航
            $(document).on('click','.shitidian_location',function() {

                var  t=$(this);
                var x=t.data('x');
                var y=t.data('y');
                var name=t.parents('.shitidian').find('.name').text();
                var address=t.siblings('.address').text();

                my.openLocation(isapp,{x:x,y:y,name:name,address:address});
           
           })

          $(document).on('click','.videobtn',function(){

            video.pause();
          })

          $('.page').width($(window).width());

          $('.pay_video').width($(window).width());

          


        var mySwiper = new Swiper('.swiper-container',{
            // setWrapperSize :true,
            // height:$(window).height(),
            direction:"vertical",
            speed : 1000,
            longSwipesRatio : 0.3,
            grabCursor:true,
            nextButton:'#next_btn',
            mousewheelControl : true,
            lazyLoading : true,
            lazyLoadingInPrevNext : true,
            lazyLoadingOnTransitionStart : true,
            observer: true,
            observeParents: true,
            watchOverflow: true,    //只有一个slide时，swiper会失效且隐藏导航
            autoHeight: false,
            pagination: false,
            onInit: function(swiper){
               
            },
            
            onSlideChangeEnd: function(swiper){
                 uiToggle=undefined;
                var uiLoading = bui.loading({
                    appendTo:"#loading",
                    callback: function (argument) {
                        
                    }
                })

              var index=swiper.activeIndex;
              video.pause();
              var page=$('.swiper-wrapper .swiper-slide').eq(index);

              var url=page.data('video');
              video.src=url+"?"+Math.random()*10;
              video.poster=page.data('img');
              // video.play();
              mys.isPlay(video);
              video.pause();
              mys.update();
              mys.share();
              mys.eye();
               var page=$('.swiper-slide-active'); 
                  page.find('.vinfo').hide().siblings('.mask').show();
                  page.siblings('.swiper-slide').find('.vinfo').hide().siblings('.mask').hide();
              
            }

        });
  })



  var mys={

         update(){
            var length=$('.swiper-wrapper article').length;
            var index=$('.swiper-wrapper .swiper-slide-active').index();
             var jz=length-index;
            if(length>=2&&!no_list&&jz<2){
               this.get();
            }
         },

         get(){
           var that=this;
           var uid=$('.swiper-wrapper .swiper-slide').eq(0).data('uid');
            $.get('{php echo iurl('lst')}',{page:list_page,uid:uid},function(r){
                if(r.code){
                    list_page++;
                    that.html(r.data[0]);
                }else{
                    no_list=false;
                }
            })
         },
         html(v){

            var vip=v.vip;
            var edit="{php echo config('edit_me')?config('edit_me'):1}";
            var chats="{php echo config('config_chats')?config('config_chats'):1}";
            var i=$('.swiper-wrapper article').length;
            var width=$(window).width();
            var moren="{php echo config('ad_moren')}";
            if (vip==1&&v.ad&&v.ad.moren!='') {

                  moren=v.ad.moren;

            }
            var str=`  <article class="swiper-slide" data-video="${v.video}" data-uid="${v.uid}" data-id="${v.id}" data-desc="`+v.desc+`" data-img="`+v.img+`">
                        <div class="box">
                              
                                <div class="vinfo" style="background-image:url(${v.img})"></div>
                           
                                <div class="mask" data-clipboard-action="copy" data-clipboard-text="`+moren+`">

                                 <div class="paybtn">
                                    <span class="iconfont icon-bofang"></span>
                                 </div>
                             </div>
                          

                            
                                <div class="user">

                                      `+mys.videoUser(v.user)+`
                                      <div class="videoinfo es2">
                                          ${v.title}
                                        </div>
                                       
                                        <div class="btn_group">
                                            <div class="item">
                                                <div class="iconfont icon-guangchang"></div>
                                                <div class="name">视频广场</div>
                                            </div>
                                         
                                            <div class="item">
                                                <div class="iconfont icon-card" data-uid="${v.uid}"></div>
                                                <div class="name">Ta的名片</div>
                                            </div>

                                            <div class="item dianzan `+(v.dz?'ydz':'')+`"  data-id="${v.id}">
                                                <div class="iconfont icon-xin"></div>
                                                <div class="name">${v.zan}</div>   
                                            </div>

                                            <div class="item">
                                                <div class="iconfont icon-kanguo_S"></div>
                                                <div class="name">${v.eye*1+1}</div>
                                            </div>

                                            <div class="item">
                                                <div class="iconfont icon-jubao" data-vid="${v.id}"></div>
                                                <div class="name">举报</div>
                                            </div>

                                        </div>

                                      `+mys.adType(v.ad);

                                      if (v.vip==1||chats==2) {


                                         str+=` <div class="head" data-cid="`+v.cid+`" data-uid="`+v.uid+`">
                                                  <img src="`+v.user.headimgurl+`">
                                              </div>`;
                                      }
                                if (vip==1||edit==2) {
                                       
                                          str+=`<div class="hcw botton_btns" data-id="${v.id}" `+mys.ewm(uid,v.uid,v.ewm)+`>`+((uid!=v.uid)?'换成我的':'我的视频')+`</div>`;

                                }
                       
                           str+=`</div>
                                <div class="ad">
                                    `+mys.userAd(v.ad)+`
                                </div>
                        </div>
                     
                 </article>`;
             
            $('.swiper-wrapper').append(str);
        
         },
         ewm(uid,vuid,ewm){

            if (uid==vuid) {

                return ''; 
            }

            return "data-ewm='"+ewm+"'";
         },
         isPlay(video){
        
                   vm=0;
                    video.addEventListener('timeupdate', function (e) {
                    var page=$('.swiper-slide-active'); 
                    $('.bui-progress-cell').css('width',(this.currentTime/this.duration*100)+'%');
                  
                      vm++;

                       if(vm==2){
                            mys.size();
                            page.find('.vinfo').hide().siblings('.mask').hide();
                            page.siblings('.swiper-slide').find('.vinfo').show().siblings('.mask').show();
                       }

                       if(vm==20){ mys.showAd();}
               });

              video.addEventListener('pause',function(){
                    
                 delete video;
                 var page=$('.swiper-slide-active'); 
                  page.find('.vinfo').hide().siblings('.mask').show();
                  page.siblings('.swiper-slide').find('.vinfo').hide().siblings('.mask').hide();
                
              })
         },
    
         size(){
              
              if($('video').length > 0){
                  $('video').each(function(i){
                    if(windowHeight > $(this).height()){
                      if (/(Android)/i.test(navigator.userAgent)){

                        //$(this).css('margin-top',(windowHeight-$(this).height())+"px");
                        
                      }
                    }
                });
              }
         },
         showAd(){
            if(uiToggle!=undefined){
              return false;
            }
            var index=$('.swiper-wrapper .swiper-slide.swiper-slide-active').index();

             uiToggle = bui.toggle({id:"#animate_"+index,effect:"fadeInUp",inOrder:false});

             $("#animate_"+index).show();
             uiToggle.show("fadeInUp");
         },
        userAd(ad){ 

               if($.isEmptyObject(ad)){
                return '';
               }
              var id=$('.swiper-slide').length;

              if(ad.cate=='good'){

                    if(ad.type!=5){

                      return `<div class="good_ad click" id="animate_${id}" data-url="${ad.link}">
                                             
                                                    <img src="${ad.img}"  class="good_img">
                                                    <div class="es2 title">${ad.name}</div>
                                                    <div class="bar">
                                                          <span class="price">￥${ad.price}</span>

                                                          <span class="iconfont icon-shoppingCart-full"></span>
                                                    </div>
                                               
                                               <div class="close icon-errorfill"></div>
                                  </div>`;
                     }

                    if(ad.type==5){

                      return ` <div class="good_ad" id="animate_${id}">
                                  <div class="good_img" style="background-image: url(${ad.img})"></div>
                                  <div class="es2 title">${ad.name}</div>
                                  <div class="bar">
                                      <span class="price yuanjia" style="text-decoration:line-through;font-size: 0.23rem; color: #999;">原价￥${ad.cost}</span>
                                      <span class="price" style="padding-left: 20px;">券后:￥${ad.price}</span>
                                  </div> 
                                  <div class="ad-btns">
                                       <span class="copy copyCode" data-clipboard-text="${ad.link}">复制淘宝口令</span>
                                  </div>
                              <div class="close icon-errorfill"></div>
                          </div>`;
                     }

                }

                if(ad.cate=='wx'||ad.cate=='qt'){

                          return `<div class="qt_ad" id="animate_${id}">
                                                  <div class="img" style="background-image: url(${ad.img})"></div>
                                                 
                                                  <img src="${ad['ewm']}"  class="ewmurl">
                                                  <div class="es1 name">${ad['name']}</div>
                                                  <div class="desc es2">${ad['desc']}</div>
                                                  
                                                     `+mys.adname(ad)+`
                                                    
                                                  <div class="close icon-errorfill"></div>
                                              </div>`;

                 }

                if(ad.cate=='shiti'){
                      return `<div class="shitidian" id="animate_${id}">
                                  <div class="shitidian_top">
                                      <div class="img" style="background-image: url(${ad.img})"></div>
                                      <div class="info">
                                          <div class="name es1">${ad['name']}</div>
                                          <div class="desc es2">${ad['desc']}</div>
                                          <div class="close icon-errorfill"></div>
                                      </div>
                                  </div>
                                  <div class="shitidian_address">
                                      <span class="address">地址：${ad['address']}</span>
                                      <span class="shitidian_location" data-x="${ad['pointx']}" data-y="${ad['pointy']}"><i class="iconfont icon-dizhi"></i></span>
                                  </div>
                                  <div class="shitidian_iphone">
                                     <span class="iphone_xm">电话：<a href="tel:${ad['tel']}">${ad['tel']}</a></span>
                                     <span class="shitidian_xm  shitidian_look click" data-url="${ad['link']}">进店看看</span>
                                  </div> 
                              </div>`;
                }

            return '';
        },
        videoUser(u){

                  if($.isEmptyObject(u)){
                    
                     return `<div class="userinfo">
                                 <img src="{php echo empty(config('video_head'))?config('logo'):config('video_head');}" class="face" >
                                 <div class="nickname">{php echo empty(config('video_nick'))?config('name'):config('video_nick');}</div>
                                 <div class="desc es2">{php echo empty(config('video_qian'))?config('video_desc'):config('video_qian');}</div>
                              </div>`;
                    
                  }else{
                    
                 return `<div class="userinfo">
                                         <img src="`+mys.isnull(u.headimgurl)+`" class="face" >
                              <div class="nickname">`+u.nickname+`</div>
                              <div class="desc es2">`+mys.isnull(u['country'])+mys.isnull(u['province'])+mys.isnull(u['city'])+`</div>
                           </div>`

                  }
             
            

        },
        isnull(str){
            
            if(str==undefined){
              return '';
            }

            return str;

        },
        adType(ad){

              if($.isEmptyObject(ad)){ return '';}

              return  ` <div class="spread alick_up_ad">
                           <div class="icon">
                          <img src="{$public}/img/ad/`+ad.icon.icon+`">
                         </div>
                         <div class="name">`+ad.name+`</div>
                         <div class="shouzhi"></div>
                      </div>`;
        },
        adname(ad){

               var i=ad.type;
               var names=['关注','打开小程序','加Ta微信','我要加群','下载App','进入官网','过去看看','查看二维码'];
               var name=names[i-7];


              if(i==7||i==8||i==9||i==10||i==14){

                return `<div class="qt_btn tanewm" data-ewm="${ad['ewm']}" data-img="${ad.img}">
                                                           ${name}
                                                         </div>`;
              }


              if(i==11||i==12||i==13){

                 return ` <div class="qt_btn click" data-url="${ad['link']}">
                                                           ${name}
                                                         </div>`;
              }


              return '';


          
        

        },
        eye(type=1){

            var id=$('.swiper-slide-active').data('id');
            $.post('{php echo iurl('eyes')}',{id:id,type:type},function(r){


            })
        },


      share(){
         
        var page=$('.swiper-slide-active');

        var logo="{php echo config('logo')}";
        var img=page.attr('data-img');
            img=img==''?logo:img;

       
        var title=$.trim(page.find('.videoinfo').text());
        var desc=$.trim(page.attr('data-desc'));
        desc=desc==''?title:desc;
        
         var shares={
          
                title:title, // 分享标题
                desc:desc, // 分享描述
                link:"{php echo iurl('play',['uid'=>$this->user['id'],'type'=>2],true)}&id="+page.data('id'), // 分享链接
                imgUrl:img, // 分享图标
                success:function(){
                       share_video()
                }
             };

             {if $isapp}
                   var data={title:title,img:img,desc:desc,link:"{php echo shareurl(iurl('play',['uid'=>$this->user['id'],'type'=>2],true))}&id="+page.data('id')};

                
                   data.type=1;
                   api.sendEvent({
                    name: 'pageInfo',
                      extra:data
                   });
                   share_video()
             {else}

                 wx.onMenuShareAppMessage(shares);
                 wx.onMenuShareTimeline(shares);
                 wx.onMenuShareQQ(shares);
                 wx.onMenuShareQZone(shares);
                 wx.onMenuShareWeibo(shares);

                 var xcx=shares;
                 if(xcx.imgUrl==logo){
                  xcx.imgUrl='';
                 }
                 wx.miniProgram.postMessage({data:shares});
             {/if}
      }
}

      function share_video(){

            var id=$('.swiper-slide-active').data('id');
            $.post('{php echo iurl('share_video')}',{id:id},function(r){console.log(r)});

      }

</script>