<!DOCTYPE html>
<html lang="zh">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="管乐迷APP,是国内首款专为管乐在线教学打造的专业级平台,丰富、便捷的学习工具,让管乐教学与学习更轻松。">
  <title>管乐迷</title>
  <link rel="stylesheet" href="index.css">
  <script src="../helpers/rem-fit.min.js"></script>
  <script src="../helpers/qs.min.js"></script>
  <script>
    var remFit = new RemFit(375, true)
    remFit.init()
    window.addEventListener('resize', function () {
      remFit.init()
    })
    var parseSearch = Qs.parse(window.location.search, { ignoreQueryPrefix: true })
  </script>
  <link rel="stylesheet" href="../helpers/plyr.css">
</head>

<body>
  <div class="content">
    <div class="tag"></div>
    <div class="userinfo">
      <img id="avatar" crossOrigin="anonymous" />
      <div class="cont">
        <p class="name" id="name"></p>
        <p class="sub" id="subjectName"></p>
      </div>
    </div>
    <p class="desc">
      管乐迷使用云练习可太好用了!演奏越来越好了,我的演奏快来看看吧!
    </p>
    <div class="video-container">
      <video id="video" class="video" src="" data-poster="./icons/videobg.png" controls="false" preload="metadata"
        playsinline />
    </div>
    <div class="line"></div>
    <div class="app">
      <div class="app-info">
        <div class="app-title">管乐迷</div>
        <div class="app-desc">管乐学习的<span>不二选择</span></div>
        <div class="app-subtitle">云练习见证你的成长!</div>
      </div>
      <img src="./icons/qrcode.png" />
    </div>
  </div>
  <script src="../helpers/plyr.min.js"></script>
  <script>
    new Plyr(document.querySelector('.video'), {
      controls: ['play-large', 'play', 'progress', 'current-time', 'airplay', 'fullscreen',],
      fullscreen: {
        enabled: true,
        fallback: true,
        iosNative: true,
      }
    })
    document.getElementById('avatar').src = (parseSearch.avatar || './icons/avatar.png') + '?v=' + parseInt(Math.random() * 10000000)
    document.getElementById('name').innerText = parseSearch.name || ''
    document.getElementById('subjectName').innerText = parseSearch.subjectName || ''
    document.getElementById('video').src = parseSearch.src
  </script>
  <!-- <script src="./index.js"></script> -->
</body>

</html>