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" title="<%= item.title%>"><%= item.title%></li>
- <% }else{ %>
- <li>
- <a href="<%= item.href%>" title="<%= item.title%>"><%= 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>
|