<!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>