租号玩代理申请
A-A+

HTML5技术构建MP3播放器,HTML5音乐播放器,HTML5播放器源代码和CSS分享

2024年11月05日 建站相关 暂无评论 阅读 38 次

HTML5播放器

最近有网友找我要这个播放器的源代码,我在这贴出来,需要的自己用就可以了。
在你需要的网站的合适的地方插入这个播放器就可以了。

最基本的格式:

<audio controls="controls" autoplay="autoplay" src="https://music.163.com/song/media/outer/url?id=94355.mp3"></audio>

加上CSS定义:

<figure class="wp-block-audio aligncenter"><audio controls="controls" autoplay="autoplay" src="https://music.163.com/song/media/outer/url?id=254574.mp3"></audio></figure>
如果不需要自动播放,删除上面的autoplay="autoplay"

在CSS里加入定义播放器:

.wp-block-audio audio{width:100%;min-width:300px}

这样就可以了,很简单。