/public/header.html
  <div class="tem_ref_dom">
    <script>
      var curPlaylineId = "0";
    </script>
  </div>
<script src="/static/js/common032.js"></script>
  <div class="main">
    <div style="margin-top: 10px;">
    </div>
    <div style="margin-bottom: 10px;">
    </div>
    <div class="content">
      <div class="module module-player">
        <div class="module-main">
          <div class="player-box">
            <div class="player-box-main">
              <div class="MacPlayer">
                <div id="playleft">
		<script type='text/javascript'>
			var Iyplayer = {id:16858376,videoID:899242,name:'HD',sort:1,file:'',chargingMode:1,currency:0,status:1,subTitle:'HD',tag:'bfzym3u8'}
		</script>
                </div>
              </div>
            </div>
          </div>
          <div style="margin-top: 10px;">
          </div>
          <div class="module-player-side ">
            <div class="module-player-info">
              <div class="module-info-heading">
                <h1 id="title_name">
                  <div title="英超联赛 水晶宫VS切尔西 20250104"
                    >英超联赛 水晶宫VS切尔西 20250104</div
                  >
                </h1>
                <div class="module-info-tag">
                </div>
              </div>
            </div>
            <div class="player-list tem_ref_dom">
              <div class="module-heading player-heading " id="h5_selectLine">
                <div style="height: 30px;width: 100px;">
                    <h2
                      class="module-title player-title"
                      style="
                        font-size: 15px;
                        margin-top: 17px;
                      "
                    >
                      <span>选集播放</span><span onclick="reverse_f()"><img style="height: 15px;" src="/static/image/paixu.png" alt=""></span>
                    </h2>
                </div>
                <div class="module-tab player-tab">
                  <label class="module-tab-name" style="margin-top: 15px;"><span class="module-tab-value" id="player-first-name"></span><i class="icon-arrow"></i></label>
                  <div
                    class="module-tab-items tab swiper-initialized swiper-horizontal swiper-pointer-events swiper-free-mode "
                  >
                  <div class="module-tab-title">
                    选择播放源<span class="close-drop"
                      ><i class="icon-close"></i
                    ></span>
                  </div>
                    <div
                      class="swiper swiper-initialized swiper-horizontal swiper-pointer-events module-tab-items tab swiper-initialized "
                      id="playSwiper"
                    >
                      <div class="swiper-wrapper ">
                              <div
                                class="swiper-slide module-tab-item tab-item active"
                                >B线</div
                              >
                      </div>
                    </div>
                    <div  id="player-List" style="display: flex;flex-wrap: wrap;overflow-x: auto;">
                          <div
                            class="swiper-slide module-tab-item tab-item active"style="width: 98%;"
                            ><span>B线</span><small>1</small></div
                          >
                    </div>
                  </div>
                </div>
                <div class="shortcuts-mobile-overlay"></div>
              </div>
              <style>
                @media(min-width: 559px){
                  #player-List{
                    display: none !important;
                  }
                }
                @media(max-width: 559px){
                #h5_selectLine{
                    display: flex !important;
                    justify-content: space-between !important;
                  }
                }
              </style>
              <div class="tem_ref_dom">
                      <div
                        class="module-list sort-list tab-list play-tab-list active"
                        id="panel2"
                      ><video style="display: none;">B线</video>
                        <div class="module-play-list">
                          <div
                            class="module-play-list-content module-play-list-base"
                          >
                                <a href="/vod/player.html?cate_id=403&id=899242&line_id=16858376&type_id=359" class="module-play-list-link active">
                                  <span>HD</span>
                                  <div class="playon">
                                    <i></i><i></i><i></i><i></i></div
                                >
                              <script>
                                $(document).ready(function () {
                                  setVisitLocation({
                                    "name": "英超联赛 水晶宫VS切尔西 20250104",
                                    "tag": "HD",
                                    "url": location.pathname + location.search,
                                    'imgUrl': '\/data\/images\/video\/02ef3dcdf682e3b17d9c369f3890d81a_5cKB.jpeg'
                                  })
                                })
                              </script>
                            </a>
                          </div>
                        </div>
                      </div>
                <script type="text/javascript">
                  $(function () {
                    var host = $(location).attr("host");
                    var shareObj = $(".share-btn");
                    var shareTxt = host + shareObj.attr("data-clipboard-text");
                    shareObj.attr("data-clipboard-text", shareTxt);
                  });
                  var curPlaylineId_032, pareSelect_032, pareIndex_032;
                </script>
              <div class="tem_ref_dom">
              <script>
                $(document).ready(function (params) {
                  const creatCurEle = $(
                    `<div class="playon"><i></i><i></i><i></i><i></i></div>`
                  );
                  $(`.childVodId${curPlaylineId}`)
                    .append(creatCurEle)
                    .addClass("active");
                  const vodPlayCurParEle = $(`.childVodId${curPlaylineId}`)
                    .parent()
                    .parent()
                    .parent();
                  const parIndex = vodPlayCurParEle.data("index");
                  vodPlayCurParEle.addClass("active");
                  $(`#lineBtn${parIndex}`).addClass("active");
                  $(`#lineBtn_h5${parIndex}`).addClass("active");
                });
                $(".player-heading .module-tab-item").click(function(){
                  $(".player-heading .module-tab-item").removeClass("active")
                  $(this).addClass("active")
                  let ids = $(this).index() || 0
                  $(".play-tab-list").hide()
                  $(".play-tab-list").eq(ids).show().addClass("dx")
                })
              </script>
              </div>
             </div>
            </div>
          </div>
        </div>
      </div>
          <div class="module">
            <div class="module-heading">
              <h2 class="module-title">相关推荐</h2>
            </div>
            <div class="module-main">
              <div class="module-items module-poster-items-base">
  <a href="/vod/detail.html?cate_id=403&id=900169&type_id=359" class="module-poster-item module-item">
    <div class="module-item-cover">
      <div class="module-item-note">更新国语</div>
      <div class="module-item-pic">
        <img class="lazy lazyload" data-original="/data/images/video/f80e468933c549e1b560668a7303196a_5cbA.jpeg" alt="1月19日 24-25赛季法甲第18轮 朗斯VS巴黎圣日耳曼"
          referrerpolicy="no-referrer" src="/static/image/loadingpic.jpg" />
      </div>
    </div>
    <div class="module-poster-item-info">
      <div class="module-poster-item-title">1月19日 24-25赛季法甲第18轮 朗斯VS巴黎圣日耳曼</div>
    </div>
  </a>
  <a href="/vod/detail.html?cate_id=403&id=900167&type_id=359" class="module-poster-item module-item">
    <div class="module-item-cover">
      <div class="module-item-note">更新国语</div>
      <div class="module-item-pic">
        <img class="lazy lazyload" data-original="/data/images/video/eb14f4bfd9d7d776f8f28c60233df720_5cb8.jpeg" alt="1月19日 24-25赛季西甲第20轮 赫塔费VS巴塞罗那"
          referrerpolicy="no-referrer" src="/static/image/loadingpic.jpg" />
      </div>
    </div>
    <div class="module-poster-item-info">
      <div class="module-poster-item-title">1月19日 24-25赛季西甲第20轮 赫塔费VS巴塞罗那</div>
    </div>
  </a>
  <a href="/vod/detail.html?cate_id=403&id=900166&type_id=359" class="module-poster-item module-item">
    <div class="module-item-cover">
      <div class="module-item-note">更新国语</div>
      <div class="module-item-pic">
        <img class="lazy lazyload" data-original="/data/images/video/ad6ba296cc22b08ce33cf51865113444_5cb7.jpeg" alt="1月19日 24-25赛季法甲第18轮 里昂VS图卢兹"
          referrerpolicy="no-referrer" src="/static/image/loadingpic.jpg" />
      </div>
    </div>
    <div class="module-poster-item-info">
      <div class="module-poster-item-title">1月19日 24-25赛季法甲第18轮 里昂VS图卢兹</div>
    </div>
  </a>
  <a href="/vod/detail.html?cate_id=403&id=900165&type_id=359" class="module-poster-item module-item">
    <div class="module-item-cover">
      <div class="module-item-note">更新国语</div>
      <div class="module-item-pic">
        <img class="lazy lazyload" data-original="/data/images/video/96d417621299509239a447edf4d0b805_5cb6.jpeg" alt="1月19日 24-25赛季德甲第18轮 勒沃库森VS门兴"
          referrerpolicy="no-referrer" src="/static/image/loadingpic.jpg" />
      </div>
    </div>
    <div class="module-poster-item-info">
      <div class="module-poster-item-title">1月19日 24-25赛季德甲第18轮 勒沃库森VS门兴</div>
    </div>
  </a>
  <a href="/vod/detail.html?cate_id=403&id=900156&type_id=359" class="module-poster-item module-item">
    <div class="module-item-cover">
      <div class="module-item-note">更新国语</div>
      <div class="module-item-pic">
        <img class="lazy lazyload" data-original="/data/images/video/7988b6018680ca5f1199178f72db0194_5caw.jpeg" alt="1月19日 24-25赛季意甲第21轮 尤文图斯VSAC米兰"
          referrerpolicy="no-referrer" src="/static/image/loadingpic.jpg" />
      </div>
    </div>
    <div class="module-poster-item-info">
      <div class="module-poster-item-title">1月19日 24-25赛季意甲第21轮 尤文图斯VSAC米兰</div>
    </div>
  </a>
  <a href="/vod/detail.html?cate_id=403&id=900051&type_id=359" class="module-poster-item module-item">
    <div class="module-item-cover">
      <div class="module-item-note">HD</div>
      <div class="module-item-pic">
        <img class="lazy lazyload" data-original="/data/images/video/09c4c9f963985aeb4f1f637d11a002f6_5cZ8.jpeg" alt="足总杯第三轮比赛 谢菲尔德联VS卡迪夫城 20250110"
          referrerpolicy="no-referrer" src="/static/image/loadingpic.jpg" />
      </div>
    </div>
    <div class="module-poster-item-info">
      <div class="module-poster-item-title">足总杯第三轮比赛 谢菲尔德联VS卡迪夫城 20250110</div>
    </div>
  </a>
              </div>
            </div>
          </div>
      <div style="margin-top: 10px;">
      </div>
    </div>
  </div>
<div class="tem_ref_dom">
  <script>
    function reverse_f(node) {
                          $('.module-play-list-content').each(function (params) {
                              let fatherEle = $(this);
                              let episodesEle = $(this).children();
                              episodesEle.each(function (params) {
                                  fatherEle.prepend($(this))
                              })
                          })
                      }
    $(function () {
    $("#sortBtn").click(function () {
      let index = 0;
      $(".module-list").each(function (listIndex, val) {
        if ($(val).hasClass("active")) {
          index = listIndex;
        }
      });
      let templateHtml = [];
      $(".module-list")
        .eq(index)
        .find(".module-play-list-link")
        .each(function (linkIndex, val) {
          templateHtml.push(val);
        });
      let reverseTemplateHtml = templateHtml.reverse();
      $(".module-list")
        .eq(index)
        .find(".module-play-list-content")
        .html(reverseTemplateHtml);
    });
  });
    $(function () {
    $("#y-first-name").html(
      $("#y-playList").find(".tab-item").eq(0).children("span").text()
    );
    $(document).ready(function (params) {
              setTimeout(() => {
               $("#player-first-name").html($(".play-tab-list.active video").text())
             }, 0);
         })
      $(".module-tab-item span").click(function(){
       $("#player-first-name").html($(this).text())
      })
    $(".search-input").click(function () {
      $(".homepage,.searchbar-main").addClass("open");
    });
    $(".header-op-search").click(function () {
      $(".homepage,.searchbar-main").addClass("open");
      $(".page,.searchbar-main").addClass("open");
    });
    $(document).click(function (e) {
      if (
        ($(e.target).closest(".search-input").length == 0 ||
          $(e.target).closest(".cancel-btn").length != 0) &&
        $(e.target).closest(".header-op-search").length == 0
      ) {
        $(e.target).closest(".header-op-search").length == 0;
        $(".homepage,.page,.searchbar-main").removeClass("open");
      }
    });
    $(".lazyload").lazyload({
      effect: "fadeIn",
      skip_invisible: false,
      event: "sporty",
      threshold: 500,
    });
    let index = $("#playSwiper .swiper-wrapper").find(".active").index();
    let navIndex = $(".navbar .swiper-wrapper").find(".active").index();
    const swiper = new Swiper("#playSwiper", {
      slidesPerView: "auto",
      hashNavigation: true,
    });
    if (swiper.$el) {
      swiper.slideTo(index - 1);
    }
    const swiperNav = new Swiper(".navbar", {
      freeMode: true,
      slidesPerView: "auto",
    });
    function initNavSwiper() {
      if (window.innerWidth < 559) {
        swiperNav.enable();
        if (navIndex > 4) {
          swiperNav.slideTo(navIndex - 1);
        }
        return;
      } else {
        swiperNav.slideTo(0);
        swiperNav.disable();
      }
    }
    initNavSwiper();
    function retop() {
      let scrollTop =
        document.documentElement.scrollTop ||
        window.pageYOffset ||
        document.body.scrollTop;
      if (scrollTop >= 1000) {
        $(".retop").css("display", "flex");
      } else {
        $(".retop").hide();
      }
    }
    $(".retop").click(function () {
      timer = setInterval(function () {
        let scrollTop =
          document.documentElement.scrollTop ||
          window.pageYOffset ||
          document.body.scrollTop;
        document.documentElement.scrollTop = document.body.scrollTop =
          Math.floor(scrollTop - 100);
        if (scrollTop === 0 || document.documentElement.scrollTop === 0) {
          clearInterval(timer);
          setTimeout(() => {
            swiperNav.update(true);
          }, 150);
        }
      }, 10);
    });
    window.addEventListener("scroll", function () {
      retop();
      swiperNav.update(true);
    });
    window.addEventListener("resize", function () {
      initNavSwiper();
    });
    $(".module").each(function (index, el) {
      $(this)
        .find(".tab-item")
        .click(function () {
          if (!$(this).hasClass("active")) {
            $(this).addClass("active").siblings().removeClass("active");
            $(el)
              .find(".tab-list")
              .eq($(this).index())
              .addClass("active")
              .siblings()
              .removeClass("active");
            $(el)
              .find(".tab-list")
              .eq($(this).index())
              .find(".lazyload")
              .lazyload();
          }
          $(".module-tab-drop").removeClass("module-tab-drop");
          $(this)
            .parents(".module-tab-items")
            .siblings(".module-tab-name")
            .children(".module-tab-value")
            .text($(this).attr("data-dropdown-value"));
        });
    });
    $("#playSwiper").find(".tab-item").off("click");
    $("#playSwiper")
      .find(".tab-item")
      .click(function () {
        if (!$(this).hasClass("active")) {
          if ($(this).index() > 1) {
            console.log("右滑动", $(this).index());
            swiper.slideNext();
          } else {
            console.log("左滑动", $(this).index());
            swiper.slidePrev();
          }
          $(this).addClass("active").siblings().removeClass("active");
          $(".tab-list")
            .eq($(this).index())
            .addClass("active")
            .siblings()
            .removeClass("active");
        }
        $(".module-tab-drop").removeClass("module-tab-drop");
        $(this)
          .parents(".module-tab-items")
          .siblings(".module-tab-name")
          .children(".module-tab-value")
          .text($(this).attr("data-dropdown-value"));
      });
    $(".module-tab .module-tab-name").click(function () {
      $(this).parent(".module-tab").addClass("module-tab-drop");
      $(".module-tab-items").css("visibility", "visible");
      $(".swiper.module-tab-items").css("visibility", "");
      $(".module-tab-items-box").css("display", "");
    });
    $(".shortcuts-mobile-overlay,.close-drop").click(function () {
      $(".module-tab-drop").removeClass("module-tab-drop");
      $(".module-tab-items").removeAttr("style", "");
    });
    function show_tip(text) {
      $(".shortcuts-box").show();
      $("#shortcuts-info").html(text);
      setTimeout(function () {
        $(".shortcuts-box").fadeOut(1000);
      }, 2000);
    }
    $(".historyclean").on("click", function () {
      $.cookie("mac_history_mxpro", null, { expires: -1, path: "/" });
    });
    $(".drop-qrcode-img").qrcode({
      text: location.href,
      render: "canvas",
      width: 265,
      height: 265,
    });
    var clipboard = new ClipboardJS(".share-btn");
    clipboard.on("success", function (e) {
      show_tip("分享信息复制成功，赶紧去分享吧～");
    });
    clipboard.on("error", function (e) {
      console.log(e);
    });
    $(".module-heading-tab .module-heading-tab-link").click(function () {
      $(".module-heading-tab span")
        .eq($(this).index())
        .addClass("active")
        .siblings()
        .removeClass("active");
      $(".tab-list")
        .eq($(".module-heading-tab .module-heading-tab-link").index(this))
        .addClass("active")
        .siblings()
        .removeClass("active");
      $(".tab-list")
        .eq($(".module-heading-tab .module-heading-tab-link").index(this))
        .find(".lazyload")
        .lazyload();
    });
    let cookie = document.cookie;
    const popup = document.querySelector("#popup");
    if (!cookie.includes("showBtn")) {
    }
  });
  </script>
</div>
<div class="footer">
	<div class="content">
	  <div class="footer-content">
		<div class="foot-logo">
			 <div>看客</div>
		</div>
		<div class="foot-copyright">
		  <p>
			本站内容均从互联网收集而来，仅供交流学习使用，版权归原创者所有如有侵犯了您的权益，尽请通知我们，本站将及时删除侵权内容。
		  <br/>
			Copyright @ 2023 看客 版权所有
		  </p>
		</div>
	  </div>
	</div>
  </div>
</div>
../libs/web/member/index.html
<link rel="stylesheet" href="/libs/plugins/css/index.css">
<script src="/libs/commJs/jquery.qrcode.min.js"></script>
<ul class="stui-extra clearfix" id="cms_app_downloads">
        <li class="cms_util_li cms_app_hover">
            <a class="cms_ios_download">
                <svg style="width: 18px;height: 18px;" class="tem_side_svg tem_ios_svg" aria-hidden="true">
                    <use xlink:href="#icon-ios"></use>
                </svg>
                <div class="cms_sideslip">
                    <p id="cms_qrcode_ios" style="margin: 0;"></p>
                </div>
                <p class="cms_util_text">&nbsp;IOS</p>
            </a>
        </li>
        <li class="cms_util_li" id="cms_service_ku">
            <a class="">
                <svg style="width: 18px;height: 18px;" class="tem_side_svg tem_kefu_svg" aria-hidden="true">
                    <use xlink:href="#icon-kefu-mianxing"></use>
                </svg>
                <p class="cms_util_text">客服</p>
            </a>
        </li>
    <div id="cms_go_top" style="display: none;">
        <li class="cms_util_li">
            <a class="" href="javascript:;">
                <svg style="width: 18px;height: 18px;" class="tem_side_svg tem_jiantou_svg" aria-hidden="true">
                    <use xlink:href="#icon-arrow-up"></use>
                </svg>
            </a>
        </li>
    </div>
</ul>
<script>
    $(document).ready(function () {
        let apkUrl = '';
        const temAppAndr = "";
        if (temAppAndr.startsWith("http")) {
            apkUrl = temAppAndr
        } else {
            apkUrl = location.origin + temAppAndr;
        }
        const iosUrl = location.origin + "/libs/ios/downloads.html"
        if ($("#cms_qrcode_apk").length > 0) {
            $("#cms_qrcode_apk").qrcode({
                render: "canvas",
                width: 160,
                height: 160,
                text: temUtf16to8(apkUrl),
                typeNumber: -1,
                correctLevel: 2,
                background: "#ffffff",
                foreground: "#000000"
            });
        }
        if ($("#cms_qrcode_ios").length > 0) {
            $("#cms_qrcode_ios").qrcode({
                render: "canvas",
                width: 160,
                height: 160,
                text: iosUrl,
                typeNumber: -1,
                correctLevel: 2,
                background: "#ffffff",
                foreground: "#000000"
            });
        }
        function isH5() {
            var ua = navigator.userAgent;
            if (ua.indexOf("Mobile") > -1 || ua.indexOf("Android") > -1 || ua.indexOf("iPhone") > -1 || ua.indexOf("iPad") > -1) {
                return true;
            } else {
                return false;
            }
        }
        const pcState = isH5()
        $(".cms_apk_download").click(() => {
            if (isH5()) {
                window.location.href = ""
            } else {
            }
        })
        $(".cms_ios_download").click(() => {
            if (isH5()) {
                window.location.href = "/libs/ios/downloads.html"
            } else {
            }
        })
        $(window).scroll(function () {
            if ($(window).scrollTop() >= 500) {
                $('#cms_go_top').css('display', 'block');
            } else {
                $('#cms_go_top').css('display', 'none');
            }
        });
        $('#cms_go_top').click(function () {
            $('html,body').animate({ 'scrollTop': 0 });
        })
        $(".cms_app_hover").mousemove(function () {
            const index = $(".cms_app_hover").index(this)
            if (!pcState) {
                $(".cms_sideslip").eq(index).show()
            }
        })
        $(".cms_app_hover").mouseleave(function () {
            const index = $(".cms_app_hover").index(this)
            if (!pcState) {
                $(".cms_sideslip").eq(index).hide()
            }
        })
    })
    $(document).ready(() => {
        $('#cms_go_top').hide()
    })
    $(document).ready(() => {
        if (window.self !== window.top) {
            $(".cms_app_hover")?.hide();
        }
    });
</script>
    <script>
        var scriptElement1 = document.createElement("script");
        let sym1 = location.origin
        scriptElement1.src = (sym1) + "/api/v1/assets/layer/ai_service_diy_1.js";
        scriptElement1.id = "service_js";
        scriptElement1.charset = "UTF-8";
        if (temUserInfo.info?.id) {
            scriptElement1.setAttribute('data-source', '2')
            $('#cms_service_ku').click(function (params) {
                serCtr.open(temUserInfo.info.id);
            })
        } else {
            scriptElement1.setAttribute('data-source', '3')
            scriptElement1.setAttribute('data-eventid', 'cms_service_ku')
        }
        scriptElement1.setAttribute('data-title', '在线客服')
        scriptElement1.setAttribute('data-adicon', '')
        document.head.appendChild(scriptElement1);
    </script>
<style>
    :root {
        --tem--base--color: #e50914;
        --tem--base--conf--color: #e50914;
		--cms--notice--button:#e50914;
    }
</style>
<script src="/static/js/swiperbanner032.js"></script>
</body>
</html>