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

<head>
    <meta charset="utf-8"/>
    <!-- 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>
    <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 class="keywords-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="css/base.css">
    <link rel="stylesheet" href="css/layer.css">
    <link rel="stylesheet" href="css/daily.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/index.css?v=22020119">
    <link rel="stylesheet" href="css/liMarquee.css">
    <script src="lib/flv.js"></script>
    <style>
        .recommend-swiper{
        
            width: 9.35rem;
            height: 5.5rem;
            overflow: hidden;
            font-size: 0;
        }
        .recommend-swiper .video{
            border-radius: 0.2rem;
            width: 9.35rem;
            height: 5.5rem; 
        
        }
        .swiper-slide{
            width: 9.35rem;
            height: 5.05rem;
            overflow: hidden;
        }
    </style>
</head>
<body style="background: #F3F3F3">
<div class="m-content">
    <a href="index.html"><img class="back" src="images/back.png" alt=""></a>
    <div class="grap-swiper-box">       
        <div class="recommend-swiper">

            <!-- <div style="background: url(https://zhibocdn.yabolive.net/comm/theme/2022-04-02/253898d006be4ad1be5bf5acde410add.mp4?x-oss-process=video/snapshot,t_0,f_jpg,w_0,h_0,m_fast,f_jpg)no-repeat;background-size: cover;    background-position-y: center;" class="swiper-img"><div class="top-img-shadow"></div></div>
            <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>
    <div class="grap-name-box">
        <!-- <img class="grap-user-face" src="https://zhibocdn.lvdou66.com/comm/user/boy.png?x-oss-process=image/resize,w_80" alt="">
        <p class="grap-name-p1">糖醋里脊</p>
        <p class="grap-name-p2">2022年03月14日 22:22</p>
        <div class="grap-like">追蹤</div> -->
    </div>
    <div class="grap-content">
        <!-- <h1 class="grap-title">標題預留啊預留很多個字</h1>
        <div class="grap-more">
            <div class="grap-more1"><img src="images/message2.png" alt=""> 25</div>
            <div class="grap-more2"><img src="images/good2.png" alt=""> 50</div>
        </div>
        <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 class="grap-msg-box">
        <p class="grap-msg-top">評論 (--)</p>
        <!-- <div class=grap-msg-content>
            <img class="grap-msg-face" src="https://zhibocdn.lvdou66.com/comm/user/boy.png?x-oss-process=image/resize,w_80" alt="">
            <div class="grap-msg-text">
                <p class="grap-msg-text-name">用戶名稱預留</p>
                <p class="grap-msg-text-p">
                    我的評論是我的評論我的評論是我的評論我的評論是我的評論我的評論是我的評論我的評論是我的評論我的評論是我的評論我的評論是我的評論我的評論是我的評論
                </p>
            </div>
        </div>
        <div class=grap-msg-content>
            <img class="grap-msg-face" src="https://zhibocdn.lvdou66.com/comm/user/boy.png?x-oss-process=image/resize,w_80" alt="">
            <div class="grap-msg-text">
                <p class="grap-msg-text-name">用戶名稱預留</p>
                <p class="grap-msg-text-p">
                    我的評論是我的評論我的評論是我的評論我的評論是我的評論我的評論是我的評論我的評論是我的評論我的評論是我的評論我的評論是我的評論我的評論是我的評論
                </p>
            </div>
        </div>
        <div class="grap-bottom-box">查看更多</div> -->
    </div>
    <div class="grap-text2">相關推薦</div>
    <div class="add-video-big-box">
        <!-- <div class="add-video-box">
            <div class="add-shadow"></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"></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 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>    
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
<script src="lib/swiper.min.js"></script>
<script src="layer-v3.1.0/layer/layer.js"></script>
<script src="lib/liMarquee.js"></script>
<script src="lib/swiper.min.js"></script>
<script src="lib/default.js?v='20220418'"></script>
<script>

</script>
<script>
$(function(){
    if(sessionStorage.topicId==undefined||sessionStorage.topicId=="undefined"){
        window.location.href="index.html"
    }
    if(sessionStorage.tag=="undefined"){
        sessionStorage.tag='' 
    }
    var scrollOk =true;
    var pageNumber=1
    var pageNum=1

    moreAspect()
    $(window).on("scroll",function(){
        scrollTopNum=$(document).scrollTop()
        if($(document).height()-$(document).scrollTop()-$(window).height()<=10){
            if(scrollOk==false)return;
            scrollOk=false
            pageNumber+=1
            
            listAdd(pageNumber,pageNum,sessionStorage.tag)
        }
    })

    $(".bottom-close-btn").on("click",function(){
        $(".bottom-nav").fadeOut(350)
    })
    $.ajax({
        url:$ip+'/footSeen/h5/queryTopicInfo',
        data:{
            topicId:sessionStorage.topicId
        },
        success:function(data){
            // //console.log('查看帖文详情',data)
            var html=[];
            var list=data.topic;
            var details=JSON.parse(list.content)  
            $("title").text(details.title)
           
            var ua = window.navigator.userAgent.toLowerCase();
            if (/iphone|ipad|ipod/.test(ua)) {
                var iosUrl=details.videos[0].url.replace("flv","mp4")
                $(".recommend-swiper").html('<video poster="https://zhibocdn.yabolive.net/comm'+details.videos[0].cover+'" autoplay playsinline class="video" src="https://zhibocdn.yabolive.net/comm'+iosUrl+'" id="videoElement" controls loop></video>')
            }else{
                $(".recommend-swiper").html('<video poster="https://zhibocdn.yabolive.net/comm'+details.videos[0].cover+'" autoplay class="video" src="" id="videoElement" controls loop></video>')
                flvPlay('https://zhibocdn.yabolive.net/comm'+details.videos[0].url+'')   
            }
            // //console.log('https://zhibocdn.yabolive.net/comm'+details.videos[0].url+'')
            var html=[];
            var tagsArr=[]
            html+='<img class="grap-user-face" src="https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_80" alt="">';
            html+='<p class="grap-name-p1">'+list.nickname+'</p>';
            html+='<p class="grap-name-p2">'+timeGet(list.updateTime)[0]+'年'+timeGet(list.updateTime)[1]+'月'+timeGet(list.updateTime)[2]+'日 '+timeGet(list.updateTime)[3]+':'+timeGet(list.updateTime)[5]+'</p>';
            html+='<div class="grap-like">追蹤</div>';
            $(".grap-name-box").html(html);
            $(".bottom-nav-btn,.grap-like").unbind("click").on("click",function(){
                window.location.href='download/download2.html'
            })
            var html=[];
            html+='<h1 class="grap-title">'+details.title+'</h1>';
            html+='<div class="grap-more">';
            html+='<div class="grap-more1"><img src="images/message2.png" alt=""> '+list.comment+'</div>';
            html+='</div>';
            html+='<div class="tag-content clearfix">';
            for(var j=0;j<list.tags.length;j++){
                html+='<div data-type="'+list.tags[j].tagId+'" class="tag">#'+list.tags[j].tagName+'</div>';
                if(j+1==list.tags.length) tagsArr+=''+list.tags[j].tagName+''
                else tagsArr+=''+list.tags[j].tagName+','
            }
            html+='</div>';
            $(".grap-content").html(html);
            $(".keywords-meta").attr("content",tagsArr)
        }
    })
    $.ajax({
        url:$ip+'/footSeen/h5/queryTopicComment',
        data:{
            topicId:sessionStorage.topicId,
            page:pageNum,
            size:20
        },
        success:function(data){
            // //console.log('查看贴文评论',data)
            if(data.commentResult.length==0){
                var html='<p class="grap-msg-top">評論 (0)</p><div class="grap-bottom-box">暫無評論</div>'
                $(".grap-msg-box").html(html);       
                return;
            }
            // var list=data.commentResult
            var html=[];
            if(data.totalSize>99) var commentNum='99+'
            else  var commentNum=data.totalSize
            html+='<p class="grap-msg-top">評論 ('+commentNum+')</p>';
            for(var i=0;i<2;i++){
                if(data.commentResult[i]==undefined)continue;
                var list=JSON.parse(data.commentResult[i].content)
                html+='<div class="grap-msg-content">';
                html+='<img class="grap-msg-face" src="https://zhibocdn.yabolive.net/comm'+data.commentResult[i].face+'?x-oss-process=image/resize,w_80" alt="">';
                html+='<div class="grap-msg-text">';
                html+='<p class="grap-msg-text-name">'+data.commentResult[i].nickname+'</p>';
                html+='<p class="grap-msg-text-p">'+list.text+'</p>';
                html+='</div>';
                html+='</div>';
            }
            if(commentNum>2) html+='<div class="grap-bottom-box">查看更多</div>';
        
            $(".grap-msg-box").html(html);    
            var moreClick=true
            $(".grap-bottom-box").unbind("click").on("click",function(){
                if(moreClick==false)return;
                moreClick=false
                $(this).hide()
                addMsg(pageNum)
                pageNum++
            })
        }
    })
    function addMsg(e){
        $.ajax({
            url:$ip+'/footSeen/h5/queryTopicComment',
            data:{
                topicId:sessionStorage.topicId,
                page:pageNum,
                size:20
            },
            success:function(data){
                // //console.log('更多贴文评论',data)
                var html=[];
                for(var i=0;i<20;i++){
                    if(e==1&&i<2)continue
                    if(data.commentResult[i]==undefined)break;
                    var list=JSON.parse(data.commentResult[i].content)
                    html+='<div class="grap-msg-content">';
                    html+='<img class="grap-msg-face" src="https://zhibocdn.yabolive.net/comm'+data.commentResult[i].face+'?x-oss-process=image/resize,w_80" alt="">';
                    html+='<div class="grap-msg-text">';
                    html+='<p class="grap-msg-text-name">'+data.commentResult[i].nickname+'</p>';
                    html+='<p class="grap-msg-text-p">'+list.text+'</p>';
                    html+='</div>';
                    html+='</div>';
                }
                $(".grap-msg-box").append(html);    
                if(e*20>data.totalSize){
                    $(".grap-msg-box").append('<div class="grap-bottom-box">没有更多了</div>');   
                    $(".grap-bottom-box").unbind("click") 
                }else{
                    $(".grap-msg-box").append('<div class="grap-bottom-box">加载更多</div>');   
                    var moreClick=true
                    $(".grap-bottom-box").unbind("click").on("click",function(){
                        if(moreClick==false)return;
                        moreClick=false
                        $(this).hide()
                        addMsg(pageNum)
                        pageNum++
                    })
                }
            }
        })
    }
    function moreAspect(){
        $.ajax({
            url:$ip+'/footSeen/h5/queryTopics',
            data:{
                page:1,
                size:10,
                type:1,
                tag:sessionStorage.tag,
            },
            success:function(data){
                // //console.log('獲取貼文列表',data)
                var html=[];
                var moreNum=0
                for(var i=0;i<6;i++){
                    var list=data.dataList[i]
                    var videoList=JSON.parse(list.content)
                    if(sessionStorage.topicId==list.topicId)continue;
                    if(data.dataList[i].type!=3)continue;
                    if(moreNum==3)continue;
                    moreNum++
                    html+='<a href="video.html?topicId='+list.topicId+'&tag='+sessionStorage.tag+'"><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: url(https://zhibocdn.yabolive.net/comm'+videoList.videos[0].cover.split('?')[0]+'?x-oss-process=video/snapshot,t_100000,f_jpg,w_400,h_0,m_fast,f_jpg)no-repeat;background-size: cover;    background-position-y: center;" class="add-video-img">';
                    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-big-box").html(html);
         
                // $(".add-video-box").unbind("click").on("click",function(){
                //     var _self=$(this).attr("data-type")
                //     window.location.href="video.html?topicId="+_self+"&tag="+sessionStorage.tag+""
                // })
            }
        })

    }
    function listAdd(pageNum,typeNum,tagNum){
        $.ajax({
            url:$ip+'/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
                    if(pageNum==1&&i<3)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: url(https://zhibocdn.yabolive.net/comm'+videoList.videos[0].cover.split('?')[0]+'?x-oss-process=video/snapshot,t_100000,f_jpg,w_400,h_0,m_fast,f_jpg)no-repeat;background-size: cover;    background-position-y: center;" class="add-video-img">';
                    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-big-box").append(html)
                    
                }
                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 flvPlay(e){
        var player = document.getElementById('videoElement');
        if (flvjs.isSupported()) {
            var flvPlayer = flvjs.createPlayer({
                type: 'flv',
                enableWorker:true,
                hasAudio:true,
                hasVideo:true,
                url: e
            });
            flvPlayer.attachMediaElement(videoElement);
            flvPlayer.load(); //加载
        }
    }
    function flv_start() {
        player.play();
    }
    function flv_pause() {
        player.pause();
    }
    function flv_destroy() {
        player.pause();
        player.unload();
        player.detachMediaElement();
        player.destroy();
        player = null;
    }
})
</script>
</html>