<!DOCTYPE html>
<html lang="en">

<head>
   
    <meta charset="utf-8"/>
    <link rel="canonical" href="https://www.footseen.xyz">
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-3V6KZGW418"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'G-3V6KZGW418');
    </script>
    <script src="lib/jquery-3.1.1.min.js"></script>
    <script src="lib/spark-md5.min.js"></script>
    <script src="lib/default.js?v=2023060101"></script>
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta content="telephone=no" name="format-detection">
    <meta name="wap-font-scale" content="no">
    <title>footseen-腳控足控天堂-超激情美女主播視訊-絲足影片</title>
    <meta name="keywords" content="footseen,foot live,激情美女視訊,激情美女影片,腳控足控,絲足,裸足,美腿,絲襪,黑絲,台灣UU聊天室,swag,視訊聊天室,live173,uplive,vklive,nonolive,foot rub,foot fetish">
    <meta name="description" content="footseen,腳控足控天堂,絲足美腿視訊影片,台灣足控第一高效約會軟體,免費影片立即觀看,在線美女激情互動,成人視訊線上體驗,徹底釋放你的慾望。">
    <script src="lib/fsize.js"></script>
    <link rel="stylesheet" href="css2/base.css">
    <link rel="stylesheet" href="css2/layer.css">
    <link rel="stylesheet" href="css/login.css">
    <link rel="stylesheet" href="css2/index.css?v=2023051701">
    <script async defer src="lib/hello.js"></script>
    <script src="https://accounts.google.com/gsi/client" async defer></script>
    <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>
    <style>
        .layui-layer-shade {
            opacity: 0.7 !important;
        }

        .yourclass5 {
            border-radius: 0rem !important;
            background: rgba(0, 0, 0, 0) !important;
        } 
        .yourclass5 .layui-layer-content {
            border-radius: 0rem !important;
        }
        .yourclass6{
            border-radius: 0rem !important;
            background: rgba(0, 0, 0, 0) !important;
            position: relative;
            left: 1.4rem !important;
        }
        .yourclass6 .layui-layer-content {
            border-radius: 0rem !important;
        }
    </style>
</head>
<body style="background: #F3F3F3">
<div class="layer-shadow"></div>
<div class="layer-ios">
    <div class="layer-ios-close"></div>
</div>
<div class="layer-tag-box">
    <div class="layer-tag-title">選擇分類</div>
    <ul class="layer-tag-ul">
        <li class="tag-click">#全部</li>
        <li>#黑絲</li>
        <li>#黑絲</li>
        <li>#黑絲</li>
        <li>#黑絲</li>
    </ul>
</div>
<div class="m-content">
    <div class="nav-box">
        <div class="top-box">
            <ul class="top-box-ul">
                <a href="index.html"><li><span class="top-text1">直播</span> </li></a>
                <li  class="top-box-li-click"><span class="top-text2">影片</span> <img class="click-img" src="images/click.png" alt=""></li>
            </ul>
            <div class="first-login-btn">登入/註冊</div>
        </div>
        <div class="title-nav">
            <div class="title-nav-box">
                <div class="title-nav-content">
                    <h2 data-type="9">絲襪</h2>
                    <h2 data-type="28">秀腿</h2>
                    <h2 data-type="45">裸足</h2>
                    <h2 data-type="271">腳趾</h2>
                    <h2 data-type="109">美腿</h2>
                    <h2 data-type="11">黑絲</h2>
                    <h2 data-type="38">高跟</h2>
                    <h2 data-type="100">長腿</h2>
                    <h2 data-type="91">模特</h2>
                    <h2 data-type="55">肉絲</h2>
                </div>
            </div>
            <img class="more-btn" src="images/more.png" alt="更多美腿">
        </div>
    </div>
    <div style="height: 2.1rem;"></div>
    
    <div  class="all-box">
        <div class="recommend-swiper">
            <!-- <div class="swiper-img">
                <div class="top-img-shadow"></div>
            </div>
            <div class="swiper-time">02:55</div>
            <img class="play-icon" src="images/play-icon.png" alt="">
            <p class="swiper-name">今天吃什么呢,打算吃什么呢</p>
            <div class="swiper-face-name">
                <img src="https://zhibocdn.lvdou66.com/comm/user/boy.png?x-oss-process=image/resize,w_80" alt="">
                <p>糖醋榴莲</p>
            </div>
            <div class="swiper-more">
                <div class="swiper-more1"><img src="images/message.png" alt=""> 25</div>
            </div> -->
        </div>
        <div class="module-title"><img src="images/rule.png" alt=""> <span class="txt3">在線美女</span></div>
        <div class="more-live-box">
            <div class="live-box-cotnent">
                <!-- <div class="live-box">
                    <div class="live-face-box"><img src="https://zhibocdn.lvdou66.com/comm/user/boy.png?x-oss-process=image/resize,w_180" alt=""></div>
                    <div class="live-box-name">主播昵称预留</div>
                </div> -->
            </div>
        </div>
        <div class="module-title"><img src="images/rule.png" alt=""> <span class="txt4">熱門影片</span></div>
        <div class="recommended-videos">
            <div class="videos-content">
                <!-- <div class="videos-box">
                    <img class="play-icon" src="images/play-icon.png" alt="">
                    <div class="video-time">02:55</div>
                    <div class="video-more">
                        <div class="video-more1"><img src="images/message.png" alt=""> 25</div>
                        <div class="video-more2"><img src="images/good.png" alt=""> 50</div>
                    </div>
                    <img class="video-face" src="https://zhibocdn.lvdou66.com/comm/user/boy.png?x-oss-process=image/resize,w_180" alt="">
                    <p class="video-title">今天吃什么呢,打算吃什么呢</p>
                    <div class="videos-shadow"></div>
                </div>
                <div class="videos-box"></div>
                <div class="videos-box"></div>
                <div class="videos-box"></div>
                <div class="videos-box"></div> -->
            </div>
        </div>
        <div class="add-video-content">
            <!-- <div class="add-video-box">
                <div class="add-shadow"></div>
                <div class="add-time">35:53</div>
                <div class="add-face-name">
                    <img src="https://zhibocdn.lvdou66.com/comm/user/boy.png?x-oss-process=image/resize,w_80" alt="">
                    <p>糖醋榴莲</p>
                </div>
                <div class="add-video-img">
                    <img class="play-icon" src="images/play-icon.png" alt="">
                </div>
                <div class="add-video-text-box">
                    <p>今天吃什么呢,打算吃什么呢</p>
                    <div class="tag-content">
                        <div class="tag">#丝袜</div>
                        <div class="tag">#丝袜</div>
                        <div class="tag">#丝袜</div>
                        <div class="tag">#丝袜</div>
                        <div class="tag">#丝袜</div>
                    </div>
                </div>
            </div> -->
        </div>
    </div>
    <div style="display: none;" class="detailed-box">
    </div>
    <div class="bottom-nav">
        <h1 class="bottom-nav-h1">美腿、美足、絲襪直播</h1>
        <div class="bottom-nav-btn"></div>
        <div class="bottom-close-btn"></div>
    </div>
    <div style="height: 2.5rem;"></div>
</div>
<div class="login-box">
    <div  class="login-show">
        <span class="login-close">×</span>
        <div class="login-p1">登入/註冊</div>
        <div class="login-phone-btn"><img src="images/phone-icon2.png">Phone</div>
        <div  class="login-google-btn"><img src="images/google1.png">Google<div id="buttonDiv-big"></div></div>
        <div class="login-line"></div>
        <div class="login-line-text">其他方式登入</div>
        <ul class="login-more-btn">
            <li class="line_btn"><img src="images/d2.png" alt=""></li>
            <li class="facebook_btn"><img src="images/d3.png?v=2023111001" alt=""></li>
            <li class="twitter_btn"><img src="images/d4.png" alt=""></li>
        </ul>
    </div>
    <div style="display: none;" class="login1">
        <span class="login-close">×</span>
        <div class="login-p1">登入/註冊</div>
        <div class="login-area">
            <span>國家/地區</span>
            <span><span class="area-span">中國</span>></span>
        </div>
        <div class="login-phone">
            <img src="images/phone-icon.png" alt="">
            <input class="login-phone-input" placeholder="請輸入手機號" type="text">
          
        </div>
        <div class="login-btn">登入</div>
        <p class="login-tips">未註冊的手機將為你免費創建賬號</p>
        <div class="login-line"></div>
        <div class="login-line-text">其他方式登入</div>
        <ul class="login-more-btn">
            <li><img src="images/d1.png" alt=""><div class="buttonDiv1" id="buttonDiv1"></div></li>
            <li class="line_btn"><img src="images/d2.png" alt=""></li>
            <li class="facebook_btn"><img src="images/d3.png?v=2023111001" alt=""></li>
            <li class="twitter_btn"><img src="images/d4.png" alt=""></li>
        </ul>
    </div>
    <div style="display: none;" class="login2">
        <span class="login-close">×</span>
        <div class="login-p1">登入/註冊</div>
        <div class="login-area">
            <span>國家/地區</span>
            <span><span class="area-span">中國</span>></span>
        </div>
        <div class="login-phone">
            <img src="images/phone-icon.png" alt="">
            <input class="login-phone-input" placeholder="請輸入手機號" type="text">
        </div>
        <div class="login-password">
            <img src="images/suo-icon.png" alt="">
            <input class="login-password-input" placeholder="请输入密码" type="password">
        </div>
        <div class="login-btn">登入</div>
        <p class="login-tips">未註冊的手機將為你免費創建賬號</p>
        <!-- <div class="login-line"></div>
         <div class="login-line-text">其他方式登入</div> -->
        <ul class="login-more-btn">
            <li><img src="images/d1.png" alt=""><div class="buttonDiv1" id="buttonDiv2"></div></li>
            <li class="line_btn"><img src="images/d2.png" alt=""></li>
            <li class="facebook_btn"><img src="images/d3.png?v=2023111001" alt=""></li>
            <li class="twitter_btn"><img src="images/d4.png" alt=""></li>
        </ul>
    </div>
    <div style="display: none;" class="register">
        <span class="login-close">×</span>
        <div class="login-p1">註冊</div>
        <div class="register-area">
            <span class="register-area-p1">國家/地區</span>
            <span class="register-area-p2"><span class="area-span">中國</span> <span>></span></span>
        </div>
        <div class="register-phone">
            <img class="register-phone-icon" src="images/phone-icon.png" alt="">
            <span class="register-phone-number">+86</span>
            <input class="register-phone-input" placeholder="請輸入您的手機號碼" type="text">
            <span class="register-code-get">驗證碼</span>
        </div>
        <div class="register-code-box">
            <img class="code-icon" src="images/code-icon.png" alt="">
            <input class="register-code-input" placeholder="請輸入驗證碼" type="text">
        </div>
        <div class="register-password-box">
            <img class="suo-icon" src="images/suo-icon.png" alt="">
            <input class="password-input" placeholder="請設置6-16位新密碼" type="text">
        </div>
        <div class="register-change-btn">創建免費賬戶</div>
        <p class="register-tips">通過註冊,即代表您同意使用條款</p>
        <div class="login-line"></div>
        <div class="login-line-text">其他方式登入</div>
        <ul class="login-more-btn">
            <li><img src="images/d1.png" alt=""><div class="buttonDiv1" id="buttonDiv3"></div></li>
            <li class="line_btn"><img src="images/d2.png" alt=""></li>
            <li class="facebook_btn"><img src="images/d3.png?v=2023111001" alt=""></li>
            <li class="twitter_btn"><img src="images/d4.png" alt=""></li>
        </ul>
    </div>
    <div style="display: none;" class="reset">
        <span class="login-close">×</span>
        <div class="login-p1">重置密码</div>
        <div class="register-area">
            <span class="register-area-p1">國家/地區</span>
            <span class="register-area-p2"><span class="area-span">中國</span> <span>></span></span>
        </div>
        <div class="register-phone">
            <img class="register-phone-icon" src="images/phone-icon.png" alt="">
            <span class="register-phone-number">+86</span>
            <input class="register-phone-input" placeholder="請輸入您的手機號碼" type="text">
            <span class="register-code-get">驗證碼</span>
        </div>
        <div class="register-code-box">
            <img class="code-icon" src="images/code-icon.png" alt="">
            <input class="register-code-input" placeholder="請輸入驗證碼" type="text">
        </div>
        <div class="register-password-box">
            <img class="suo-icon" src="images/suo-icon.png" alt="">
            <input class="password-input" placeholder="請設置6-16位新密碼" type="text">
        </div>
        <div class="register-password-box">
            <img class="suo-icon" src="images/suo-icon.png" alt="">
            <input class="password-input" placeholder="請再次輸入新密碼" type="text">
        </div>
        <div class="reset-btn">確定</div>
    </div>
</div>
<div class="area-phone-box">
    <div class="area-phone-top">
        <div class="area-phone-title">選擇國家</div>
        <span class="area-close">x</span>
        <div class="area-search">
            <img class="search-icon" src="images/search.png" alt="">
            <input placeholder="搜尋" class="area-search-input" type="text">
        </div>
    </div>
    <div style="height: 2.5rem;"></div>
    <ul class="area-ul">
        <!-- <li>
            <div class="area-li-box1">Hong Kong(香港)</div>
            <div class="area-li-box2">+852</div>
        </li> -->
    </ul>
    <div class="search-no-li">暫無該國家地區</div>
</div>

</body>
<script src="layer-v3.1.0/layer/layer.js"></script>
<script src="lib/login.js?v=2023051701"></script>
<script src="lib/phoneLang.js?v=2023051701"></script>
<script>
$(function(){
    var browserLang = navigator.language

    if(sessionStorage.lang!=2){
        $(".bottom-nav").css("background","url(images/bottom-nav-En.png) no-repeat")
        $(".bottom-nav").css("background-size","100% 100%")
        $(".txt1").text("video")
        $(".txt2").text("Graphics")
        $(".bottom-nav-h1").text('Legs/Feet/Stockings Live')
        $(".txt3").text("Online Beauties")
        $(".txt4").text("Hot Videos")
        $(".first-login-btn").text(langList[sessionStorage.lang].index16)
        $(".top-text1").text(langList[sessionStorage.lang].index5)
        $(".top-text2").text(langList[sessionStorage.lang].index6)
        $(".title-nav-content >h2").eq(0).text(langList[sessionStorage.lang].videoPage1)
        $(".title-nav-content >h2").eq(1).text(langList[sessionStorage.lang].videoPage2)
        $(".title-nav-content >h2").eq(2).text(langList[sessionStorage.lang].videoPage3)
        $(".title-nav-content >h2").eq(3).text(langList[sessionStorage.lang].videoPage4)
        $(".title-nav-content >h2").eq(4).text(langList[sessionStorage.lang].videoPage5)
        $(".title-nav-content >h2").eq(5).text(langList[sessionStorage.lang].videoPage6)
        $(".title-nav-content >h2").eq(6).text(langList[sessionStorage.lang].videoPage7)
        $(".title-nav-content >h2").eq(7).text(langList[sessionStorage.lang].videoPage8)
        $(".title-nav-content >h2").eq(8).text(langList[sessionStorage.lang].videoPage9)
        $(".title-nav-content >h2").eq(9).text(langList[sessionStorage.lang].videoPage10)
        $(".title-nav h2").css("width","auto")
        $(".title-nav h2").css("margin-right","0.3rem")
        $(".title-nav .title-nav-content").css("width","23rem")
    }
    var tagStr=''
    var pageNumber=Math.ceil(Math.random()*10)
    var typeNumber=1
    var scrollOk=true;
    var scrollTopNum=0
    getLive()
    if(localStorage.uid==undefined){
        $(".first-login-btn").show()
        $(".first-login-btn").on("click",function(){
            if(localStorage.uid==undefined){
                $(".nav-shadow").show()
                loginPage()
                return
            }
        })
    }
    setTimeout(function(){
        tagGet()
    },800)
    $(".title-nav-content h2").on("click",function(){
        var _self=$(this)
        if($(this).hasClass("tag-go")){
            $(".title-nav-content h2").removeClass("tag-go")
            $(".detailed-box").html('').hide()
            $(".all-box").show()
            tagStr=''
            pageNumber=1
            getList(pageNumber,typeNumber,tagStr)
        }else{
            $(".title-nav-content h2").removeClass("tag-go")
            pageNumber=1
            tagStr=$(this).attr("data-type")
            $(".all-box").hide()
            $(".detailed-box").html('').show()
            $(this).addClass("tag-go")
            listAdd(pageNumber,typeNumber,tagStr)
        } 
    })
    $(".more-btn").on("click",function(){
        $(".layer-tag-box").css("top","0rem")
        $(".layer-shadow").show()
    })
    $(".layer-shadow").on("click",function(){
        $(".layer-tag-box").css("top","-12rem")
        $(".layer-shadow").hide()
    })
    
    var ua = window.navigator.userAgent.toLowerCase();
    if (/iphone|ipad|ipod/.test(ua)) {
        if(sessionStorage.type=='pwa'){
            $(".bottom-nav").hide()
        }
    }
    
    $(".bottom-nav-btn").on("click",function(){
        var ua = window.navigator.userAgent.toLowerCase();
        try {
            if (/iphone|ipad|ipod/.test(ua)) {
                layer.open({
                    type: 1,
                    title: false,
                    shadeClose: true,
                    skin: "yourclass5",
                    area: ["7.3rem", "12.24rem"],
                    content: $(".layer-ios"),
                    end: function () {
                        $(".layui-layer-shade").hide()
                        layer.closeAll()
                    }
                })
                
            } else{
                var downNum=Math.ceil(Math.random()*3)
                window.location.href='download/download.html?qd=ftsBH5SY'
            }
        } catch (e) {
        }

    })
    $(".bottom-close-btn").on("click",function(){
        $(".bottom-nav").fadeOut(350)
    })
    $(window).on("scroll",function(){
        if(scrollTopNum<$(document).scrollTop()){
            if($(document).scrollTop()>200){
                $(".nav-box").hide()
                $(".nav-box").addClass("nav-box-show").css("transform","translateY(-3.5rem)")
            } 
       
        }else{
            $(".nav-box").show()
            $(".nav-box").css("transform","translateY(0rem)")
        }
        scrollTopNum=$(document).scrollTop()
        if($(document).height()-$(document).scrollTop()-$(window).height()<=10){
            if(scrollOk==false)return;
            scrollOk=false
            pageNumber+=1
            
            listAdd(pageNumber,typeNumber,tagStr)
        }
    })
    function getLive(){
        $.ajax({
            url:''+$ip+'frontPage/queryLiveUsers?lang=2&os=pc_web&cid=ftsweb&webVersion=1000&pageNum=1&pageSize=100&pageID=c0bc8998f192ed39e98dc97a6170186e',
            success:function(data){
                // // console.log('直播列表',data)
                if(data.roomList.length==0){
                    $(".module-title").hide()
                    $(".more-live-box").hide()
                    return;
                }
                var liveBoxWidth=2.7*data.roomList.length+0.2
                $(".live-box-cotnent").css("width",""+liveBoxWidth+"rem")
                var html=[];
                for(var i=0;i<data.roomList.length;i++){
                    var list=data.roomList[i]
                    html+='<a href="room/liveRoom.html?roomId='+list.roomId+'"><div class="live-box">';
                    html+='<div class="live-face-box"><img src="https://zhibocdn.yabolive.net/comm'+list.face.split('?')[0]+'?x-oss-process=image/resize,w_180" alt=""></div>';
                    html+='<div class="live-box-name">'+list.nickname+'</div>';
                    html+='</div></a>';
                }
                $(".live-box-cotnent").html(html);
                // $(".live-box").unbind("click").on("click",function(){
                //     window.location.href='download/down1.html?qd=ftsBH5ZB'
                // })
            }
        })
    }
    getList(pageNumber,typeNumber,tagStr)
    function getList(pageNum,typeNum,tagNum){
        $.ajax({
            url:$ip2+'/footSeen/h5/queryTopics',
            data:{
                page:pageNum,
                size:10,
                type:typeNum,
                tag:tagNum,
            },
            success:function(data){
                //  console.log('獲取貼文列表',data)
                var html=[];
                var topList=JSON.parse(data.dataList[0].content)
                //// console.log(topList)
                // duration
                html+='<a href="video.html?topicId='+data.dataList[0].topicId+'&tag='+tagNum+'"><div style="" class="swiper-img">';        
                html+='<div class="top-img-shadow"></div>';
                html+='<img src="https://zhibocdn.yabolive.net/comm'+topList.videos[0].cover.split('?')[0]+'?x-oss-process=video/snapshot,t_90000,f_jpg,w_510,h_0,m_fast,f_jpg">'
                html+='</div>';
                html+='<div class="swiper-time">'+add0(Math.floor(topList.videos[0].duration/1000/60))+':'+add0(Math.floor(topList.videos[0].duration/1000)%60)+'</div>';
                html+='<img class="play-icon" src="images/play-icon.png" alt="">';
                html+='<p class="swiper-name">'+topList.title+'</p>';
                html+='<div class="swiper-face-name">';
                html+='<img src="https://zhibocdn.yabolive.net/comm'+data.dataList[0].face+'?x-oss-process=image/resize,w_80" alt="">';
                html+='<p>'+data.dataList[0].nickname+'</p>';
                html+='</div>';
                html+='<div class="swiper-more">';
                html+='<div class="swiper-more1"><img src="images/message.png" alt=""> '+data.dataList[0].comment+'</div>';
                html+='</div></a>';
                $(".recommend-swiper").html(html);
                $(".recommend-swiper").attr("data-type",data.dataList[0].topicId)
                $(".swiper-img >img").on("error",function(){
                    $(this).attr("src","https://app.ixiulive.com/static/footVideo/m/m"+Math.ceil(Math.random()*63)+".jpg")
                })
                var html=[];
                for(var i=1;i<5;i++){
                    var list=data.dataList[i]
                    var videoList=JSON.parse(list.content)
                    html+='<a href="video.html?topicId='+list.topicId+'&tag='+tagNum+'"><div data-type="'+list.topicId+'" style="background-position-y: center;" class="videos-box">';
                    html+='<img class="videos-box-mc-face" src="https://zhibocdn.yabolive.net/comm'+videoList.videos[0].cover.split('?')[0]+'?x-oss-process=video/snapshot,t_90000,f_jpg,w_360,h_0,m_fast,f_jpg">'
                    html+='<img class="play-icon" src="images/play-icon.png" alt="">';
                    html+='<div class="video-time">'+add0(Math.floor(videoList.videos[0].duration/1000/60))+':'+add0(Math.floor(videoList.videos[0].duration/1000)%60)+'</div>';
                    html+='<div class="video-more">';
                    html+='<div class="video-more1"><img src="images/message.png" alt=""> '+list.comment+'</div>';
                    html+='</div>';
                    // html+='<img class="video-face" src="https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_180" alt="">';
                    html+='<p class="video-title">'+videoList.title+'</p>';
                    html+='<div class="videos-shadow"></div>';
                    html+='</div></a>';
                }
                $(".videos-content").html(html);
                $(".videos-box-mc-face").on("error",function(){
                    $(this).attr("src","https://app.ixiulive.com/static/footVideo/m/m"+Math.ceil(Math.random()*63)+".jpg")
                })
                $(".add-video-content").html('')
                for(var i=5;i<10;i++){
                    if(data.dataList[i]==undefined)continue
                    var list=data.dataList[i]
                    var videoList=JSON.parse(list.content)
                    var html=[]
                    html+='<a href="video.html?topicId='+list.topicId+'&tag='+tagNum+'"><div data-type="'+list.topicId+'" class="add-video-box">';
                    html+='<div class="add-shadow"></div>';
                    html+='<div class="add-time">'+add0(Math.floor(videoList.videos[0].duration/1000/60))+':'+add0(Math.floor(videoList.videos[0].duration/1000)%60)+'</div>';
                    html+='<div class="add-face-name">';
                    html+='<img src="https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_80" alt="">';
                    html+='<p>'+list.nickname+'</p>';
                    html+='</div>';
                    html+='<div style="background-position-y: center;" class="add-video-img">';
                    html+='<img class="play-mc-face" src="https://zhibocdn.yabolive.net/comm'+videoList.videos[0].cover.split('?')[0]+'?x-oss-process=video/snapshot,t_90000,f_jpg,w_510,h_0,m_fast,f_jpg">'
                    html+='<img class="play-icon" src="images/play-icon.png" alt="">';
                    html+='</div>';
                    html+='<div class="add-video-text-box">';
                    html+='<p>'+videoList.title+'</p>';
                    html+='<div class="tag-content">';
                    for(var j=0;j<list.tags.length;j++){
                        html+='<div data-type="'+list.tags[j].tagId+'" class="tag">#'+list.tags[j].tagName+'</div>';
                    }
                    html+='</div>';
                    html+='</div>';
                    html+='</div></a>';
                    $(".add-video-content").append(html)
                    $(".play-mc-face").on("error",function(){
                        $(this).attr("src","https://app.ixiulive.com/static/footVideo/m/m"+Math.ceil(Math.random()*63)+".jpg")
                    })
                    // $(".videos-box,.recommend-swiper,.add-video-box").unbind("click").on("click",function(){
                    //     var _self=$(this).attr("data-type")
                    //     window.location.href="video.html?topicId="+_self+"&tag="+tagNum+""
                    // })
                }
            }
        })
    }
    function listAdd(pageNum,typeNum,tagNum){
        $.ajax({
            url:$ip2+'/footSeen/h5/queryTopics',
            data:{
                page:pageNum,
                size:10,
                type:typeNum,
                tag:tagNum,
            },
            success:function(data){
                // //// console.log('獲取貼文列表',data)
                for(var i=0;i<data.dataList.length;i++){
                    if(data.dataList[i]==undefined)continue
                    var list=data.dataList[i]
                    var videoList=JSON.parse(list.content)
                    var html=[]
                    html+='<a href="video.html?topicId='+list.topicId+'&tag='+tagNum+'"><div data-type="'+list.topicId+'" class="add-video-box">';
                    html+='<div class="add-shadow"></div>';
                    html+='<div class="add-time">'+add0(Math.floor(videoList.videos[0].duration/1000/60))+':'+add0(Math.floor(videoList.videos[0].duration/1000)%60)+'</div>';
                    html+='<div class="add-face-name">';
                    html+='<img src="https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_80" alt="">';
                    html+='<p>'+list.nickname+'</p>';
                    html+='</div>';
                    html+='<div style="" class="add-video-img">';
                    html+='<img class="play-mc-face" src="https://zhibocdn.yabolive.net/comm'+videoList.videos[0].cover.split('?')[0]+'?x-oss-process=video/snapshot,t_90000,f_jpg,w_510,h_0,m_fast,f_jpg">'
                    html+='<img class="play-icon" src="images/play-icon.png" alt="">';
                    html+='</div>';
                    html+='<div class="add-video-text-box">';
                    html+='<p>'+videoList.title+'</p>';
                    html+='<div class="tag-content">';
                    for(var j=0;j<list.tags.length;j++){
                        html+='<div data-type="'+list.tags[j].tagId+'" class="tag">#'+list.tags[j].tagName+'</div>';
                    }
                    html+='</div>';
                    html+='</div>';
                    html+='</div></a>';
                    if(tagStr=='')$(".add-video-content").append(html)
                    else{
                        $(".detailed-box").append(html)
                    }
                }
                $(".play-mc-face").on("error",function(){
                    $(this).attr("src","https://app.ixiulive.com/static/footVideo/m/m"+Math.ceil(Math.random()*63)+".jpg")
                })
                setTimeout(function(){
                    scrollOk=true;
                }, 500);
                // $(".add-video-box").unbind("click").on("click",function(){
                //     var _self=$(this).attr("data-type")
                //     window.location.href="video.html?topicId="+_self+"&tag="+tagNum+""
                // })
            }
        })

    }

    function tagGet(){
        $.ajax({
            url:$ip+'footSeen/h5/queryTagList',
            data:{
                pageID:localStorage.canvasCode
            },
            success:function(data){
                // //// console.log('获取标签列表',data)
                var html=[];
                html+='<li data-type="" class="tag-click">#全部</li>'
                for(var i=0;i<data.tagList.length;i++){
                    var list=data.tagList[i];
                    html+='<li data-type="'+list.tagId+'" >'+list.tagName+'</li>'
                }
                $(".layer-tag-ul").html(html);
                $(".layer-tag-ul li").on("click",function(){
                    var _self=$(this);
                    $(".layer-tag-ul li").removeClass("tag-click")
                    _self.addClass("tag-click")
                    if(_self.attr("data-type")==''){
                        tagStr=''
                        pageNumber=1
                        getList(pageNumber,typeNumber,tagStr)
                        $(".detailed-box").html('').hide()
                        $(".all-box").show()
                        $(".layer-tag-box").css("top","-12rem")
                        $(".layer-shadow").hide()
                    }else{
                        tagStr=_self.attr("data-type")
                        pageNumber=1
                        $(".all-box").hide()
                        $(".detailed-box").html('').show()
                        listAdd(pageNumber,typeNumber,tagStr)
                        $(".layer-tag-box").css("top","-12rem")
                        $(".layer-shadow").hide()
                     
                    }
                })
            }
        })
    }
    // function 
})
</script>
</html>