如何在博客中添加Aplayer音乐播放器


直接修改footer.php文件,在最下面83行 往下空白处添加代码。

路径:/www/wwwroot/网址域名/wp-content/themes/akina/footer.php

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css">
<script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script>

<div id='aplayer'></div>

<script>
var ap = new APlayer
({
element: document.getElementById('aplayer'),
autoplay:true,
volume:0.1,
showlrc: false,
fixed: true,
mini: true,
audio: {
title: '半岛铁盒',
author: '周杰伦',
url: 'https://echeverra.cn/wp-content/uploads/2022/05/周杰伦-半岛铁盒.mp3',
pic: 'https://echeverra.cn/wp-content/uploads/2022/05/周杰伦-半岛铁盒-mp3-image.png'
}
});
ap.init();
</script>

参考自:https://echeverra.cn/aplayer

声明:iTony's Blog|版权所有,违者必究|如未注明,均为原创|本网站采用BY-NC-SA协议进行授权

转载:转载请注明原文链接 - 如何在博客中添加Aplayer音乐播放器


Carpe Diem and Do what I like