在Lofter 文章中加入背景音乐
上篇文章关于一首歌,个人感觉是自己写歌中最深情的一篇
可在编辑时却无比苦恼,始终都无法添加那首歌曲,增强阅读体验
刚好最近在学 html 前端相关知识,捣鼓了一下,
最终解决了在Lofter 文章中添加背景音乐并自动播放的问题
分享出来(这篇也一样,进入我的主页,点击全文链接,即可收听本文背景音乐)
步奏如下:
1. 进入首页,点击文字按钮
2. 编辑你要写的文章
3. 新标签页再打开一个Lofter,点击音乐
输入歌名搜索音乐
4. 点击预览,按下 F12 (大部分浏览器一样)查看html源码,画面如下
5. 接下来找到 音乐播放器所在源码
右键点击高亮部分的代码,选择“作为 HTML 编辑”
出现编辑框
6. 复制其中的代码,回到原来发布文章的页面,点击编辑源码,粘贴进去
点击发布 就完成了 文章内添加音乐的过程
--------------------------
对于音乐自动播放的问题
这时候我们注意,蓝色代码 flashvars 后面的 autoPlay=false 这个属性
autoPlay代表自动播放
false 代表关闭自动播放
此时,我们只需要将false 修改成true 歌就会了自动播放了
--------------------------
最后,如果你还是遇到问题
那么直接复制我下面的代码
<embed pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="loop=&autoPlay=true&url=http://m1.music.126.net/VasdDCo0lclS2K2aPS48pw==/1228154488234144.mp3&trackId=174360&trackName=约定&artistName=王菲." allowscriptaccess="always" quality="high" invokeurls="false" src="http://s1.music.126.net/style/swf/LofterMusicPlayer.swf?0003 " type="application/x-shockwave-flash" wmode="transparent" height="34" width="257">
将其中的
url=http://m1.music.126.net/VasdDCo0lclS2K2aPS48pw==/1228154488234144.mp3
换成,你从上面第 6 步得到代码中的 url
将其中的
trackName=约定
”约定“ 换成你想要的歌名
artistName=王菲
”王菲“ 换成歌手(当然你也可以换成你自己的名字,^_^,是不是很有趣