hongshan
/
fuxi-insight-server


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
							<!-- 视频页 -->
<!DOCTYPE html>
<html>
  <head>
    <%- include('components/meta-head.html') %>
    <link rel="stylesheet" href="/css/insight.css" />
    <link rel="stylesheet" href="//unpkg.byted-static.com/xgplayer/3.0.9/dist/index.min.css" />
  </head>
  <body class="sticky">
    <%- include('components/site-header.html') %>
    <div class="container">
      <div class="wrapper">
        <div class="bread-crumb">
          <a href="/">伏羲学堂</a>
          <span><%= course.title%></span>
        </div>
        <div class="video-caption"><%= course.title%></div>
        <div class="video-wrap">
          <div class="video" id="fx_player">
            <img src="<%= curChapter.coverimg%>" alt="" />
          </div>
          <dl class="video-menus">
            <div class="header">目录</div>
            <ol class="menus-list">
              <% chapter.forEach(item => { %>
                <% if(item.current){ %>
                <li class="current"><%= item.title%></li>
                <% }else{ %>
                <li >
                  <a href="<%= item.href%>"><%= item.title%></a>
                </li>
                <% } %> 
              <% }) %>
            </ol>
          </dl>
        </div>
      </div>
      <%- include('components/course-section.html') %>
    </div>
    <%- include('components/site-footer.html') %>
    <script src="//unpkg.byted-static.com/xgplayer/3.0.9/dist/index.min.js"></script>
    <script src="//unpkg.byted-static.com/xgplayer-hls/3.0.9/dist/index.min.js"></script>
    <script src="/js/detail.js"></script>
    <script>
      let player = new Player({
        id: 'fx_player',
        volume: 0.3,
        url: '<%- curChapter.m3u8[2].url%>',
        poster: '<%= curChapter.coverimg%>',
        playsinline: true,
        lang: 'zh-cn',
        thumbnail: {
          pic_num: 44,
          width: 160,
          height: 90,
          col: 10,
          row: 10,
          urls: ['<%= curChapter.coverimg%>'],
        },
        // playbackRate: [0.5, 1, 1.25,1.5, 2],
        playbackRate: [2, 1.5, 1.25,1, 0.5],
        height: 466,
        width: 828,
        plugins: [window.HlsPlayer],
        i18n:[{
          LANG: 'zh-cn'
        }],
        definition: {
      defaultDefinition: '480p',
    },
      });
      player.emit('resourceReady',<%- JSON.stringify(curChapter.m3u8) %> );
    </script>
  </body>
</html>