wordpress插入背景音乐的另外一种思路

之前的甲方提出一个需求，说要在网站里面加入背景音乐，在网上搜索了很多方法，但是都没有达到我想要的需求。

关于ajax播放的割舍

这是一个让我纠结的问题，因为ajax的无缝播放的确是一种很好的用户体验，并且通过index.html连嵌套两个iframe是很容易实现的，但是网上看到一些说法，这样可能造成收录有问题，对SEO有影响，因为客户对SEO看的很重，所以这里暂时放弃了这种方法，但是技术上是可行的。并且我认为也可以通过网站地图来弥补SEO的损失，不过安全起见，这里先放弃了这种尝试。

html5与flash之争

html5是大势所趋，但是通过站点统计我还是发现了大批的IE6用户，无奈啊。。不过有一个折中方案是利用jquery的jplayer插件来实现，原理上应该是自动切换的，感觉还不错。

所谓的背景音乐

因为是背景音乐，客户要求不需要用户看见具体的细节，也就是说不提供停止播放这样的按钮，当然我是反对这种用户体验的。不过客户嘛，就按照人家的要求来。这里有两种解决方案，第一种是利用html的bgsound标签或者embed标签，先不说兼容问题，这里主要的问题是需要下载完成才能播放，这是我不能忍受的。第二种是利用flash播放器，不过要把flash播放器隐藏起来还是个难事，用display:none;音乐是不播放的，就是用js后来隐藏dom也不行。

我的解决方案

我的解决方案比较简单，就是想办法隐藏flash播放器，既然网页必须显示出来才能播放，我就显示出来，然后再找一个图层覆盖住这个播放器。这里面用到的是css的absolute和relative属性，然后设置下z-index即可。具体的代码我就不给了，因为我用的是typecho，具体效果看这里http://www.spring-hp.com/