如何在网页中插入自动播放的音乐？使用于任何网页

您所在的位置：网站首页 › dw插音乐 › 如何在网页中插入自动播放的音乐？使用于任何网页

如何在网页中插入自动播放的音乐？使用于任何网页

2023-09-24 14:43| 来源: 网络整理| 查看: 265

如何在网页中插入自动播放的音乐？使用于任何网页原创

及时雨2012 2018-08-05 19:43:31 博主文章分类：技术博文 ©著作权

文章标签网页音乐背景音乐自动播放文章分类 Html/CSS 前端开发

©著作权归作者所有：来自51CTO博客作者及时雨2012的原创作品，请联系作者获取转载授权，否则将追究法律责任

网站功能不用太多，自己需要的就好了，自己的博客慢慢的完善，一个一个功能的增加，都是自己需要而且实用的，自己动手才会珍惜！

这音乐的功能很简单，一段代码而已：

如果不播放，说明你的浏览器不支持！

加上去之后会有这么一个播放器显示

image.png

相信谁都能理解，但是几点注意，我后面为什么还要多加一个“loop”？这不是和“autoplay”重复了么？是的，重复，但是不矛盾，我自己的网站如果不加“loop”，是不会自动播放的。为了美观我还会加上hidden，隐藏播放器，达到点进去网页就播放只有很少数而特殊的网页我才会用上音乐！接下来就把代码写到模板页面，然后后台编辑文章页面添加一个文本框，进行方便输入音乐地址。

这样就很方便的在添加文章的时候随意了，当然要在特殊的模板中，不然的话，每一个页面都要加载一个播放器，不是让网站变的很臃肿么？所以复制新建一个模板页面，在需要添加音乐的时候就选择那个模板页面就好了！改版完成，我只在“生活日记”栏目添加了音乐功能，模版的代码改成：

如果不播放，说明你的浏览器不支持！

需要注意的是要在栏目哪里修改文章内容模板！

赞收藏评论分享举报

上一篇：观《西虹市首富》有感之假如我有三百亿......

下一篇：新公司上班一个月，我悟出了两个道理，不得不服

【本文地址】

如何在网页中插入自动播放的音乐？使用于任何网页

如何在网页中插入自动播放的音乐？使用于任何网页

今日新闻

推荐新闻