/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;">
      ../libs/web/ads/index.html
    </div>
    <div style="margin-bottom: 10px;">
      ../libs/web/ads/index.html
    </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:12112719,videoID:672106,name:'第01集',sort:1,file:'',chargingMode:1,currency:0,status:1,subTitle:'第01集',tag:'lzm3u8'}
		</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"
                                >H线</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>H线</span><small>22</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;">H线</video>
                        <div class="module-play-list">
                          <div
                            class="module-play-list-content module-play-list-base"
                          >
                                <a href="/vod/player.html?cate_id=214&id=672106&line_id=12112719&type_id=184" 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\/a9c2012a4f86794cc8d1cf77196e3820_4So3.jpeg'
                                  })
                                })
                              </script>
                            </a>
                                <a href="/vod/player.html?cate_id=214&id=672106&line_id=12112720&type_id=184" class="module-play-list-link">
                                  <span>第02集</span>
                              </a>
                                <a href="/vod/player.html?cate_id=214&id=672106&line_id=12112722&type_id=184" class="module-play-list-link">
                                  <span>第03集</span>
                              </a>
                                <a href="/vod/player.html?cate_id=214&id=672106&line_id=12112724&type_id=184" class="module-play-list-link">
                                  <span>第04集</span>
                              </a>
                                <a href="/vod/player.html?cate_id=214&id=672106&line_id=12112726&type_id=184" class="module-play-list-link">
                                  <span>第05集</span>
                              </a>
                                <a href="/vod/player.html?cate_id=214&id=672106&line_id=12112728&type_id=184" class="module-play-list-link">
                                  <span>第06集</span>
                              </a>
                                <a href="/vod/player.html?cate_id=214&id=672106&line_id=12112729&type_id=184" class="module-play-list-link">
                                  <span>第07集</span>
                              </a>
                                <a href="/vod/player.html?cate_id=214&id=672106&line_id=12112731&type_id=184" class="module-play-list-link">
                                  <span>第08集</span>
                              </a>
                                <a href="/vod/player.html?cate_id=214&id=672106&line_id=12112739&type_id=184" class="module-play-list-link">
                                  <span>第09集</span>
                              </a>
                                <a href="/vod/player.html?cate_id=214&id=672106&line_id=12112740&type_id=184" class="module-play-list-link">
                                  <span>第10集</span>
                              </a>
                                <a href="/vod/player.html?cate_id=214&id=672106&line_id=12112742&type_id=184" class="module-play-list-link">
                                  <span>第11集</span>
                              </a>
                                <a href="/vod/player.html?cate_id=214&id=672106&line_id=12112744&type_id=184" class="module-play-list-link">
                                  <span>第12集</span>
                              </a>
                                <a href="/vod/player.html?cate_id=214&id=672106&line_id=12112746&type_id=184" class="module-play-list-link">
                                  <span>第13集</span>
                              </a>
                                <a href="/vod/player.html?cate_id=214&id=672106&line_id=12112748&type_id=184" class="module-play-list-link">
                                  <span>第14集</span>
                              </a>
                                <a href="/vod/player.html?cate_id=214&id=672106&line_id=12112750&type_id=184" class="module-play-list-link">
                                  <span>第15集</span>
                              </a>
                                <a href="/vod/player.html?cate_id=214&id=672106&line_id=12112752&type_id=184" class="module-play-list-link">
                                  <span>第16集</span>
                              </a>
                                <a href="/vod/player.html?cate_id=214&id=672106&line_id=12112754&type_id=184" class="module-play-list-link">
                                  <span>第17集</span>
                              </a>
                                <a href="/vod/player.html?cate_id=214&id=672106&line_id=12112756&type_id=184" class="module-play-list-link">
                                  <span>第18集</span>
                              </a>
                                <a href="/vod/player.html?cate_id=214&id=672106&line_id=12112760&type_id=184" class="module-play-list-link">
                                  <span>第19集</span>
                              </a>
                                <a href="/vod/player.html?cate_id=214&id=672106&line_id=12112763&type_id=184" class="module-play-list-link">
                                  <span>第20集</span>
                              </a>
                                <a href="/vod/player.html?cate_id=214&id=672106&line_id=12112765&type_id=184" class="module-play-list-link">
                                  <span>第21集</span>
                              </a>
                                <a href="/vod/player.html?cate_id=214&id=672106&line_id=12112768&type_id=184" class="module-play-list-link">
                                  <span>第22集</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">
                /public/vodlist.html
              </div>
            </div>
          </div>
      <div style="margin-top: 10px;">
        ../libs/web/ads/index.html
      </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>
/public/footer.html