/public/header.html
<script src="/static/js/qrcode.min032.js"></script>
  <div class="main">
    <div style="margin-top: 10px;margin-bottom: 10px;">
      ../libs/web/ads/index.html
    </div>
    <div class="content">
      <div class="module module-info">
        <div class="module-main">
          <div class="module-info-poster">
            <div class="module-item-cover">
              <div class="module-item-pic">
                <a href="/vod/player.html?cate_id=212&id=488367&type_id=184" class="myci-vodlist__thumb picture v-thumb">
                  <img
                    class="ls-is-cached lazy lazyload"
                    data-original="/data/images/video/46a11fdd8177562e2318ad388fb30af0_3WB8.jpeg"
                    src="/data/images/video/46a11fdd8177562e2318ad388fb30af0_3WB8.jpeg"
                    alt="跨过400亿光年来看你"
                  />
                </a>
              </div>
            </div>
          </div>
          <div class="module-info-main">
            <div class="module-info-heading">
              <h1>跨过400亿光年来看你</h1>
              <div class="module-info-tag" style="text-align: center;">
                  <div class="module-info-tag-link">
                    <div
                      >2021</div
                    >
                  </div>
                  <div class="module-info-tag-link">
                    <div
                      >大陆</div>
                  </div>
              </div>
              <div class="module-mobile-play">
                <a href="/vod/player.html?cate_id=212&id=488367&type_id=184" class="main-btn">
                  立即播放
                </a>
              </div>
            </div>
            <div class="module-info-content">
              <div class="module-info-items">
                <div class="module-info-item module-info-introduction">
                  <div
                    class="module-info-introduction-content show-desc"
                    style="line-height: 20px"
                  >
                    <p>讲述400亿光年外的蓝星人唐梦妍，100年来按照外星工会的任务，在地球上作文明探索。在即将离开地球的时候，重遇前世的爱人叶尘枫，两人再续前缘，但她只剩下10天就必须返回蓝星。10年后，唐梦妍从蓝星返回地球，和叶尘枫共同经营茶馆过着平静的生活，这一次，他们的爱情能走多远呢？</p>
                  </div>
                </div>
                <div
                  style="
                    margin-top: -15px;
                    display: flex;
                    margin-bottom: 10px;
                    align-items: center;
                    justify-content: center;
                    font-size: 12px;
                    color: #f96b19;
                  "
                  class="is_mb open-more-desc"
                >
                  <span style="font-size: 14px; margin-right: 5px"
                    >展开内容</span
                  >
                  <i class="icon-arrow"></i>
                </div>
                <div
                  style="
                    margin-top: -15px;
                    display: none;
                    margin-bottom: 10px;
                    align-items: center;
                    justify-content: center;
                    font-size: 12px;
                    color: #f96b19;
                  "
                  class="is_mb close-more-desc"
                >
                  <span style="font-size: 14px; margin-right: 5px"
                    >收起内容</span
                  >
                  <i class="icon-top"></i>
                </div>
                <div class="module-info-item">
                  <span class="module-info-item-title">导演：</span>
                  <div class="module-info-item-content">
                      <a href="/search/index.html?keyword=%E8%B5%B5%E6%A2%93%E6%BA%90" >
                        赵梓源
                      </a>
                      <span class="slash">/</span>
                  </div>
                </div>
                <div class="module-info-item">
                  <span class="module-info-item-title">主演：</span>
                  <div class="module-info-item-content">
                      <a href="/search/index.html?keyword=%E6%9B%B9%E5%90%9B%E8%B1%AA" >
                        曹君豪
                      </a>
                      <span class="slash">/</span>
                      <a href="/search/index.html?keyword=%E6%9C%B1%E5%A8%85" >
                        朱娅
                      </a>
                      <span class="slash">/</span>
                      <a href="/search/index.html?keyword=%E7%BF%9F%E4%B8%80%E9%9D%92" >
                        翟一青
                      </a>
                      <span class="slash">/</span>
                      <a href="/search/index.html?keyword=%E8%89%BE%E5%8A%9B%E6%89%8E%E6%8F%90" >
                        艾力扎提
                      </a>
                      <span class="slash">/</span>
                  </div>
                </div>
                <div class="module-info-item">
                  <span class="module-info-item-title">更新：</span>
                    <div class="module-info-item-content">
                      30集全
                    </div>
                </div>
                <div class="module-info-item">
                  <span class="module-info-item-title">集数：</span>
                    <div class="module-info-item-content">
                      30集
                    </div>
                </div>
                <div
                  class="module-info-item"
                  style="color: #007711; font-size: 16px; font-weight: bold"
                >
                  <span class="module-info-item-title">豆瓣：</span>
                  <a href="https://search.douban.com/movie/subject_search?search_text=%E8%B7%A8%E8%BF%87400%E4%BA%BF%E5%85%89%E5%B9%B4%E6%9D%A5%E7%9C%8B%E4%BD%A0" title="到豆瓣页面查看" target="_blank"><font color="#007711"
                      >0.0</font
                    ></a>
                </div>
              </div>
              <div class="module-info-footer">
                <div class="module-info-play">
                    <a href="/vod/player.html?cate_id=212&id=488367&type_id=184" class="main-btn"><i class="icon-play"></i>立即播放
                    </a>
                  <a href="javascript:void(0)" id="sharebtn" class="btn-large btn-collect btn-share" style="position: relative"><i class="icon-qrcode"></i>
                    <span
                      >分享
                      </span></a>
                </div>
              </div>
              <div
              id="desc_qrcode_main"
              style="
                position: absolute;
                padding: 10px;
                bottom: 70px;
                margin-left: 150px;
                background-color: #ffffff !important;
                z-index: 999999;
                box-shadow: 0 0 10px 0 rgb(130 205 232);
                border-radius: 10px;
                display: none;
              "
            >
              <div class="qrcode-box" style="background-color: #ffffff">
                <span id="desc_qrcode" class="img-responsive">
                  <img
                    id="desc_qrcode_img"
                    style="display: inline-block; width: 120px;"
                    src=""
                  />
                </span>
              </div>
              <div
                style="
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  margin-top: -5px;
                "
              >
              <div id="myQr" style="width: 110px;height: 100px;margin-left: 20px;margin-top: 10px;">
              </div>
            </div>
            <span style="font-size: 12px; color: gray;margin-left: 10px;"
              >扫一扫使用手机观看</span
            >
            </div>
            <script type="text/javascript">
              new QRCode("myQr", {
                render: "canvas",
                width: 92,
                height: 92,
                text: window.location.href
              }).makeImage()
            </script>
            <script>
               $(document).ready(function (params) {
                $('#sharebtn').click(function(){
                 $('#desc_qrcode_main').toggle()
                })
               });
            </script>
            </div>
          </div>
        </div>
      </div>
      <script>
        function getQr(vid) {
          if (!$("#desc_qrcode_img").attr("src")) {
            const url = "/555Code/qrcode.php?url=" + MAC.Url;
            $("#desc_qrcode_img").attr("src", url);
          }
          if ($("#desc_qrcode_main").css("display") == "none") {
            $("#desc_qrcode_main").show();
          } else {
            $("#desc_qrcode_main").hide();
          }
        }
        $(document).ready(function () {
          $(".open-more-desc").click(function () {
            $(".show-desc").removeClass("module-info-introduction-content");
            $(".open-more-desc").css("display", "none");
            $(".close-more-desc").css("display", "flex");
          });
          $(".close-more-desc").click(function () {
            $(".open-more-desc").css("display", "flex");
            $(".close-more-desc").css("display", "none");
            $(".show-desc").addClass("module-info-introduction-content");
          });
        });
      </script>
        <div class="module">
          <div class="module-heading player-heading">
            <h2 class="module-title" style="font-size: 25px;display: flex;justify-content: space-between;">
              选集播放<span style="margin-right: 15px;" class="sort-icon" onclick="reverse_f()">
                <img style="height: 19px;" src="/static/image/paixu.png" alt=""><span style="font-size: 14px;">排序</span></span>
              </h2>
            <div class="module-tab">
              <label class="module-tab-name"
                ><span id="y-first-name" class="module-tab-value"></span
                ><i class="icon-arrow"></i
              ></label>
              <div class="module-tab-items">
                <div class="module-tab-title">
                  选择播放源<span class="close-drop"
                    ><i class="icon-close"></i
                  ></span>
                </div>
                <div class="module-tab-items-box hisSwiper" id="y-playList">
                    <div
                      class="module-tab-item tab-item"
                      data-dropdown-value="B外"
                    >
                      <span>B外</span
                      >
                      <small>30</small>
                    </div>
                </div>
              </div>
            </div>
            <div class="shortcuts-mobile-overlay"></div>
          </div>
            <div
              class="module-list sort-list tab-list his-tab-list"
              id="panel1"
            >
              <div class="module-play-list">
                <div class="module-play-list-content module-play-list-base">
                    <a href="/vod/player.html?cate_id=212&id=488367&line_id=8739742&type_id=184" class="module-play-list-link" title="1" style="position: relative;"><span>1</span></a>
                    <a href="/vod/player.html?cate_id=212&id=488367&line_id=8790344&type_id=184" class="module-play-list-link" title="2" style="position: relative;"><span>2</span></a>
                    <a href="/vod/player.html?cate_id=212&id=488367&line_id=8790345&type_id=184" class="module-play-list-link" title="3" style="position: relative;"><span>3</span></a>
                    <a href="/vod/player.html?cate_id=212&id=488367&line_id=8790346&type_id=184" class="module-play-list-link" title="4" style="position: relative;"><span>4</span></a>
                    <a href="/vod/player.html?cate_id=212&id=488367&line_id=8790347&type_id=184" class="module-play-list-link" title="5" style="position: relative;"><span>5</span></a>
                    <a href="/vod/player.html?cate_id=212&id=488367&line_id=8790348&type_id=184" class="module-play-list-link" title="6" style="position: relative;"><span>6</span></a>
                    <a href="/vod/player.html?cate_id=212&id=488367&line_id=8790349&type_id=184" class="module-play-list-link" title="7" style="position: relative;"><span>7</span></a>
                    <a href="/vod/player.html?cate_id=212&id=488367&line_id=8790350&type_id=184" class="module-play-list-link" title="8" style="position: relative;"><span>8</span></a>
                    <a href="/vod/player.html?cate_id=212&id=488367&line_id=8790351&type_id=184" class="module-play-list-link" title="9" style="position: relative;"><span>9</span></a>
                    <a href="/vod/player.html?cate_id=212&id=488367&line_id=8790352&type_id=184" class="module-play-list-link" title="10" style="position: relative;"><span>10</span></a>
                    <a href="/vod/player.html?cate_id=212&id=488367&line_id=8790353&type_id=184" class="module-play-list-link" title="11" style="position: relative;"><span>11</span></a>
                    <a href="/vod/player.html?cate_id=212&id=488367&line_id=8790354&type_id=184" class="module-play-list-link" title="12" style="position: relative;"><span>12</span></a>
                    <a href="/vod/player.html?cate_id=212&id=488367&line_id=8790355&type_id=184" class="module-play-list-link" title="13" style="position: relative;"><span>13</span></a>
                    <a href="/vod/player.html?cate_id=212&id=488367&line_id=8790356&type_id=184" class="module-play-list-link" title="14" style="position: relative;"><span>14</span></a>
                    <a href="/vod/player.html?cate_id=212&id=488367&line_id=8790357&type_id=184" class="module-play-list-link" title="15" style="position: relative;"><span>15</span></a>
                    <a href="/vod/player.html?cate_id=212&id=488367&line_id=8790358&type_id=184" class="module-play-list-link" title="16" style="position: relative;"><span>16</span></a>
                    <a href="/vod/player.html?cate_id=212&id=488367&line_id=8790359&type_id=184" class="module-play-list-link" title="17" style="position: relative;"><span>17</span></a>
                    <a href="/vod/player.html?cate_id=212&id=488367&line_id=8790360&type_id=184" class="module-play-list-link" title="18" style="position: relative;"><span>18</span></a>
                    <a href="/vod/player.html?cate_id=212&id=488367&line_id=8790361&type_id=184" class="module-play-list-link" title="19" style="position: relative;"><span>19</span></a>
                    <a href="/vod/player.html?cate_id=212&id=488367&line_id=8790362&type_id=184" class="module-play-list-link" title="20" style="position: relative;"><span>20</span></a>
                    <a href="/vod/player.html?cate_id=212&id=488367&line_id=8790363&type_id=184" class="module-play-list-link" title="21" style="position: relative;"><span>21</span></a>
                    <a href="/vod/player.html?cate_id=212&id=488367&line_id=8790364&type_id=184" class="module-play-list-link" title="22" style="position: relative;"><span>22</span></a>
                    <a href="/vod/player.html?cate_id=212&id=488367&line_id=8790365&type_id=184" class="module-play-list-link" title="23" style="position: relative;"><span>23</span></a>
                    <a href="/vod/player.html?cate_id=212&id=488367&line_id=8790366&type_id=184" class="module-play-list-link" title="24" style="position: relative;"><span>24</span></a>
                    <a href="/vod/player.html?cate_id=212&id=488367&line_id=8790367&type_id=184" class="module-play-list-link" title="25" style="position: relative;"><span>25</span></a>
                    <a href="/vod/player.html?cate_id=212&id=488367&line_id=8790368&type_id=184" class="module-play-list-link" title="26" style="position: relative;"><span>26</span></a>
                    <a href="/vod/player.html?cate_id=212&id=488367&line_id=8790369&type_id=184" class="module-play-list-link" title="27" style="position: relative;"><span>27</span></a>
                    <a href="/vod/player.html?cate_id=212&id=488367&line_id=8790370&type_id=184" class="module-play-list-link" title="28" style="position: relative;"><span>28</span></a>
                    <a href="/vod/player.html?cate_id=212&id=488367&line_id=8790371&type_id=184" class="module-play-list-link" title="29" style="position: relative;"><span>29</span></a>
                    <a href="/vod/player.html?cate_id=212&id=488367&line_id=8790372&type_id=184" class="module-play-list-link" title="30" style="position: relative;"><span>30</span></a>
                </div>
              </div>
            </div>
        </div>
      <script type="text/javascript">
        $(".tab-item:first,.module-list:first").addClass("active");
        var addrNum = [];
        $(".module-play-list-content.module-play-list-base").each(function(i,t){
          addrNum.push($(this).children().length)
        })
        $(".module-tab-item.tab-item").each(function(i,t){
          $(".module-tab-item.tab-item small").eq(i).text(addrNum[i])
        })
        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))
                            })
                        })
                    }
      </script>
          <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>
/public/footer.html