Yahoo! Mp3 Player 和 css hack

基本上，我已经停止给 Wordpress 增加插件了。管理麻烦，升级麻烦，维护也麻烦。所以接下来我要推荐的东西绝对不是一个插件，而仅仅是一段代码，很短很短。

<script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>

以上代码可以让你拥有一个酷炫且强大的的 mp3 播放器，强大到什么地步？图片应该能说明很多问题。

如果图片还不能说明全部，也没关系，我在本页插入了该播放器。没看见还是没关系。试试下面这首歌。点击播放按钮，播放器便会华丽地出场了。。。。

Dido - Look No Further

这是雅虎官方提供的 mp3 播放器，能够查找页面内 <a href="歌曲路径/地址">歌名</a> 这样的代码并且将它们接管过来变为在线播放系统。当单页面内的歌曲数量超过一首，它还能自动生成播放列表。假如你有仔细看图，图上红圈的地方是我特意标注出来的一个功能——歌曲定位按钮。

一个页面有超过10首以上的歌曲，并设置为随机播放，而忽然有一首歌你觉得很好听，如何在最短时间内将它找出来？再笨的办法也不稀奇，但是"歌曲定位按钮"会给你最简单的方式。点一下，自动跳到正在播放的曲目并给出动画提示。很好很强大。

火星么？可能有点。你也看到了，播放器上有广告，最让人遗憾的地方便是这里。然而关键部分也来了：之前有个好朋友让我想想办法，所以我给它做了些 hack。

.ymwp-getthisplayer{display:none}#ymwp-player-overlay .ymwp-minimize-class{left:528px}div#ymwp-player-overlay div.ymwp-player-class-maximized div.ymwp-upsellcont-class{background-position:-352px 0;width:8px}div#ymwp-player-overlay div.ymwp-player-body-class{width:535px}

以上是压缩后的 css 写法，不会占用你太多空间，倘若这个播放器很对你胃口并且你又打算今后经常使用的话，可以把代码直接粘贴到 wordpress 模板的 style.css 里面，免得多建立一个文件。至于应用了这个 hack 之后，你那里的 yahoo player 就会和我图上的效果一样，干干净净，清清爽爽。

Update: Yahoo! mp3 player 相对于传统 wordpress 的播放器插件有很多优势。首先它不会拖慢你 blog 的运行速度，所有的样式和功能都集成于一个 js，不给页面载入带来任何负担。其次它漂亮且功能强大，大部分 Wordpress 的插件都不如它。最后，它灵活，比如我只在这篇文章里插入播放器，会很麻烦吗？完全不会。把文章写完以后，切换到 html 编辑模式，在文字最后把那串很短很短的代码丢进去，然后发表文章，OK。就这么简单。