Html页眉标签处添加:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.css">
页脚body标签前添加:
贴边用法:
隐藏式吸附在css中添加
<!-- 音乐外放地址 --><!-- aplayer --> </div> <div id="aplayer" class="aplayer" data-order="random" data-id="128460001" data-server="netease" data-type="playlist" data-fixed="true" data-autoplay="true" data-volume="0.8"></div> <script src="<https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js>"></script> <script src="<https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.js>"></script> <script src="<https://cdn.jsdelivr.net/npm/meting@1.2.0/dist/Meting.min.js>"></script> <!-- end_aplayer --> <script src="<https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js>"></script> <script defer src="<https://cdn.staticfile.org/twitter-bootstrap/4.4.1/js/bootstrap.min.js>"></script> <script src="<https://cdn.jsdelivr.net/gh/kaygb/kaygb@master/layer/layer.js>"></script> <script src="<https://cdn.jsdelivr.net/gh/kaygb/kaygb@master/js/v3.js>"></script>
.aplayer.aplayer-fixed.aplayer-narrow .aplayer-body { left: -66px !important } .aplayer.aplayer-fixed.aplayer-narrow .aplayer-body:hover { left: 0 !important }