/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:8921840,videoID:493522,name:'02',sort:2,file:'',chargingMode:1,currency:0,status:1,subTitle:'02',tag:'heimuer'}
		</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="他和她的故事"
                    >他和她的故事</div
                  >
                </h1>
                <div class="module-info-tag">
                    <div class="module-info-tag-link">
                      <div title="日本" >日本</div>
                    </div>
                </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>26</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=220&id=493522&line_id=8744897&type_id=185" class="module-play-list-link active">
                                  <span>01</span>
                                  <div class="playon">
                                    <i></i><i></i><i></i><i></i></div
                                >
                              <script>
                                $(document).ready(function () {
                                  setVisitLocation({
                                    "name": "他和她的故事",
                                    "tag": "01",
                                    "url": location.pathname + location.search,
                                    'imgUrl': '\/data\/images\/video\/2a7c06f8e3da1e8e3ed6bff5742298b2_3Xi1.jpeg'
                                  })
                                })
                              </script>
                            </a>
                                <a href="/vod/player.html?cate_id=220&id=493522&line_id=8921840&type_id=185" class="module-play-list-link">
                                  <span>02</span>
                              </a>
                                <a href="/vod/player.html?cate_id=220&id=493522&line_id=8921841&type_id=185" class="module-play-list-link">
                                  <span>03</span>
                              </a>
                                <a href="/vod/player.html?cate_id=220&id=493522&line_id=8921842&type_id=185" class="module-play-list-link">
                                  <span>04</span>
                              </a>
                                <a href="/vod/player.html?cate_id=220&id=493522&line_id=8921843&type_id=185" class="module-play-list-link">
                                  <span>05</span>
                              </a>
                                <a href="/vod/player.html?cate_id=220&id=493522&line_id=8921844&type_id=185" class="module-play-list-link">
                                  <span>06</span>
                              </a>
                                <a href="/vod/player.html?cate_id=220&id=493522&line_id=8921845&type_id=185" class="module-play-list-link">
                                  <span>07</span>
                              </a>
                                <a href="/vod/player.html?cate_id=220&id=493522&line_id=8921846&type_id=185" class="module-play-list-link">
                                  <span>08</span>
                              </a>
                                <a href="/vod/player.html?cate_id=220&id=493522&line_id=8921847&type_id=185" class="module-play-list-link">
                                  <span>09</span>
                              </a>
                                <a href="/vod/player.html?cate_id=220&id=493522&line_id=8921848&type_id=185" class="module-play-list-link">
                                  <span>10</span>
                              </a>
                                <a href="/vod/player.html?cate_id=220&id=493522&line_id=8921849&type_id=185" class="module-play-list-link">
                                  <span>11</span>
                              </a>
                                <a href="/vod/player.html?cate_id=220&id=493522&line_id=8921850&type_id=185" class="module-play-list-link">
                                  <span>12</span>
                              </a>
                                <a href="/vod/player.html?cate_id=220&id=493522&line_id=8921851&type_id=185" class="module-play-list-link">
                                  <span>13</span>
                              </a>
                                <a href="/vod/player.html?cate_id=220&id=493522&line_id=8921852&type_id=185" class="module-play-list-link">
                                  <span>14</span>
                              </a>
                                <a href="/vod/player.html?cate_id=220&id=493522&line_id=8921853&type_id=185" class="module-play-list-link">
                                  <span>15</span>
                              </a>
                                <a href="/vod/player.html?cate_id=220&id=493522&line_id=8921854&type_id=185" class="module-play-list-link">
                                  <span>16</span>
                              </a>
                                <a href="/vod/player.html?cate_id=220&id=493522&line_id=8921855&type_id=185" class="module-play-list-link">
                                  <span>17</span>
                              </a>
                                <a href="/vod/player.html?cate_id=220&id=493522&line_id=8921856&type_id=185" class="module-play-list-link">
                                  <span>18</span>
                              </a>
                                <a href="/vod/player.html?cate_id=220&id=493522&line_id=8921857&type_id=185" class="module-play-list-link">
                                  <span>19</span>
                              </a>
                                <a href="/vod/player.html?cate_id=220&id=493522&line_id=8921858&type_id=185" class="module-play-list-link">
                                  <span>20</span>
                              </a>
                                <a href="/vod/player.html?cate_id=220&id=493522&line_id=8921859&type_id=185" class="module-play-list-link">
                                  <span>21</span>
                              </a>
                                <a href="/vod/player.html?cate_id=220&id=493522&line_id=8921860&type_id=185" class="module-play-list-link">
                                  <span>22</span>
                              </a>
                                <a href="/vod/player.html?cate_id=220&id=493522&line_id=8921861&type_id=185" class="module-play-list-link">
                                  <span>23</span>
                              </a>
                                <a href="/vod/player.html?cate_id=220&id=493522&line_id=8921862&type_id=185" class="module-play-list-link">
                                  <span>24</span>
                              </a>
                                <a href="/vod/player.html?cate_id=220&id=493522&line_id=8921863&type_id=185" class="module-play-list-link">
                                  <span>25</span>
                              </a>
                                <a href="/vod/player.html?cate_id=220&id=493522&line_id=8921864&type_id=185" class="module-play-list-link">
                                  <span>26</span>
                              </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=220&id=662957&type_id=185" class="module-poster-item module-item">
    <div class="module-item-cover">
      <div class="module-item-note">更新第11集</div>
      <div class="module-item-pic">
        <img class="lazy lazyload" data-original="/data/images/video/41fecbe4af70b85d4c6020b80f1c521b_4Q5J.jpeg" alt="现代误译"
          referrerpolicy="no-referrer" src="/static/image/loadingpic.jpg" />
      </div>
    </div>
    <div class="module-poster-item-info">
      <div class="module-poster-item-title">现代误译</div>
    </div>
  </a>
  <a href="/vod/detail.html?cate_id=220&id=662115&type_id=185" class="module-poster-item module-item">
    <div class="module-item-cover">
      <div class="module-item-note">更新第11集</div>
      <div class="module-item-pic">
        <img class="lazy lazyload" data-original="/data/images/video/090a6fb12ba269dbc4b48f6848ab1fe7_4Ppn.jpeg" alt="尼尔：自动人形第二季"
          referrerpolicy="no-referrer" src="/static/image/loadingpic.jpg" />
      </div>
    </div>
    <div class="module-poster-item-info">
      <div class="module-poster-item-title">尼尔：自动人形第二季</div>
    </div>
  </a>
  <a href="/vod/detail.html?cate_id=220&id=662104&type_id=185" class="module-poster-item module-item">
    <div class="module-item-cover">
      <div class="module-item-note">更新第12集</div>
      <div class="module-item-pic">
        <img class="lazy lazyload" data-original="/data/images/video/2fc3d084ba4f3c5442fcd2962bc3ad75_4Ppb.jpeg" alt="2.5次元的诱惑"
          referrerpolicy="no-referrer" src="/static/image/loadingpic.jpg" />
      </div>
    </div>
    <div class="module-poster-item-info">
      <div class="module-poster-item-title">2.5次元的诱惑</div>
    </div>
  </a>
  <a href="/vod/detail.html?cate_id=220&id=475197&type_id=185" class="module-poster-item module-item">
    <div class="module-item-cover">
      <div class="module-item-note">更新第23集</div>
      <div class="module-item-pic">
        <img class="lazy lazyload" data-original="/data/images/video/e874456a4616904b9bc7a7d70bd1925c_3SG4.jpeg" alt="关于我转生变成史莱姆这档事第三季"
          referrerpolicy="no-referrer" src="/static/image/loadingpic.jpg" />
      </div>
    </div>
    <div class="module-poster-item-info">
      <div class="module-poster-item-title">关于我转生变成史莱姆这档事第三季</div>
    </div>
  </a>
  <a href="/vod/detail.html?cate_id=220&id=662113&type_id=185" class="module-poster-item module-item">
    <div class="module-item-cover">
      <div class="module-item-note">更新第11集</div>
      <div class="module-item-pic">
        <img class="lazy lazyload" data-original="/data/images/video/88b4f302ff6662657a4268af94b02124_4Ppk.jpeg" alt="地下城里的人们"
          referrerpolicy="no-referrer" src="/static/image/loadingpic.jpg" />
      </div>
    </div>
    <div class="module-poster-item-info">
      <div class="module-poster-item-title">地下城里的人们</div>
    </div>
  </a>
  <a href="/vod/detail.html?cate_id=220&id=662112&type_id=185" class="module-poster-item module-item">
    <div class="module-item-cover">
      <div class="module-item-note">更新第12集</div>
      <div class="module-item-pic">
        <img class="lazy lazyload" data-original="/data/images/video/0238381b985ca435dfcbbfe70d653ffc_4Ppj.jpeg" alt="这个世界漏洞百出"
          referrerpolicy="no-referrer" src="/static/image/loadingpic.jpg" />
      </div>
    </div>
    <div class="module-poster-item-info">
      <div class="module-poster-item-title">这个世界漏洞百出</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">
	../libs/web/ads/index.html
	<div class="content">
	  <div class="footer-content">
		<div class="foot-logo">
			 <div>看客儿TV</div>
		</div>
		<div class="foot-copyright">
		  <p>
			本站内容均从互联网收集而来，仅供交流学习使用，版权归原创者所有如有侵犯了您的权益，尽请通知我们，本站将及时删除侵权内容。
		  <br/>
			Copyright @ 2023 看客儿TV 版权所有
		  </p>
		</div>
	  </div>
	</div>
  </div>
</div>
../libs/web/ads/index.html
../libs/web/ads/index.html
../libs/web/ads/index.html
../libs/web/ads/index.html
../libs/web/ads/index.html
../libs/web/ads/index.html
../libs/web/ads/index.html
../libs/web/ads/index.html
../libs/web/ads/index.html
../libs/web/member/index.html
../libs/web/plugins/index.html
<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>