微信图文消息添加音乐一招搞定 只需修改背景音乐地址

  最近经常听网友问微信图文消息加音乐怎么弄,其实微信公众号添加音乐很简单,复制几行代码到公众平台图文素材中就能实现,只需修改一下背景音乐地址就可以了。

  2015.6.6更新 微信公众号文章也可以添加音乐 不用因无法添加背景音乐代码而烦恼了

  【通知:本方法已失效,在研究怎么嵌入qq音乐,可以试试微场景制作zuiku.com】首先打开W3School在线测试工具www.w3school.com.cn/tiy/t.asp,在左侧框内添加代码,

  代码如下,修改“mp3地址”,两个地方都要改,在网上找你所喜欢的音乐地址

<p>--开始复制--</p>
<p>
    <audio src="mp3地址" autoplay="autoplay" controls="controls" data-ke-src="mp3地址" style="max-width: 100%; box-sizing: border-box !important;"></audio>
</p>
<p>--结束复制--</p>

  点击红色按钮“提交代码”,就会在右侧显示所得到的效果

  然后把右侧得到的显示效果复制,粘贴到公众平台图文素材中,当你打开微信图文消息时就可以听到背景音乐了

  感谢birdskyws反映说播放器显示不出来,改进后的代码

<p style="white-space: normal;">
<audio loop="true" autoplay="autoplay" controls="controls" data-ke-src="http://bbs.hzscvp.com/music/you.mp3" src="http://bbs.hzscvp.com/music/you.mp3"></audio>
</p>

  播放效果如下

  这次可以显示了

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏编程之旅

CSS——实现元素的垂直居中

在写CSS的过程中,我常常谷歌一个东西,就是如何实现元素的垂直居中,水平居中难度还不是很大,但是垂直居中我这个烂记性是写一次忘一次,于是本着好记性不如烂笔头的想...

753
来自专栏知晓程序

[好文回顾] 如何引导公众号粉丝进入小程序?

也许你已经知道,微信提供了「小程序关联公众号」的功能,而且小程序还能关联 50 个公众号。

752
来自专栏ytkah

微信公众号主页(页面模板)怎么添加

  我们常常会看到有些公众号页面模板很漂亮,有幻灯片轮播、带缩略图片的文章列表以及tab切换效果,是不是很高大上的赶脚?其实这个是微信公众号主页(页面模板)功能...

2024
来自专栏程序猿DD

如何将Markdown文章轻松地搬运到微信公众号并完美地呈现代码内容

相信有很多童鞋跟我一样,热衷于用Markdown来编写文章。由于其简单的语法和清晰的渲染效果,受到广大码农朋友们的推崇。但是,当我们想维护起自己的公众号时,公众...

2097
来自专栏逸鹏说道

基于HTML的PDF展示 pdf.js

很不错的一个插件,推荐给大家 pdf.js 是一个技术原型主要用于在 HTML5 平台上展示 PDF 文档,无需任何本地技术支持。 ? 在线演示:http://...

3288
来自专栏一“技”之长

标签之美七——为网页添加音乐 原

为网页添加音乐可以使用<embed></embed>这个标签。其用法和插入图片类似。

502
来自专栏进击的君君的前端之路

CSS3简介

894
来自专栏测试2017

test

Markdown 是用来生成 HTML 结构的。样式和结构分离,算是其设计思想之一。而这也是现在 HTML 的发展方向。作为印证,<center> 这样的纯为样...

2040
来自专栏james大数据架构

jquery.mobile手机网页简要

先上最终效果: ? ? ? ? ? 最近做了一个用手机浏览器访问的web应用,采用较流行的HTML5,为了提高开发效率节省时间决定采用现有开源框架,免去了自己做...

1697
来自专栏我分享我快乐

Adobe animate cc 界面解读

我们都知道Adobe animate cc 可帮助我们不用写代码的情况下完成简单的交互动效实现,但是对于初学者而言,英文界面成为想关注它的人望而却步。首先,我强...

39615

扫描关注云+社区