📔

html添加音乐播放器

Html页眉标签处添加: <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.css"> 页脚body标签前添加:
<!-- 音乐外放地址 --><!-- 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>
贴边用法:
隐藏式吸附在css中添加
.aplayer.aplayer-fixed.aplayer-narrow .aplayer-body {
    left: -66px !important
}

.aplayer.aplayer-fixed.aplayer-narrow .aplayer-body:hover {
    left: 0 !important
}