Question

我正在尝试用jQuery创建一个超级简单的音频播放器。

你将如何转换

   <a href="song.mp3">Song</a>

到此？

   <object type="application/x-shockwave-flash" data="dewplayer.swf" >
        <param name="flashvars" value="mp3=blank.mp3" />
   </object>

   <a href="song.mp3">Download</a>

所以我理解需要发生的事情

链接名称已更改为“下载”
在链接之前粘贴flash对象代码
存储了mp3网址，
每个相应的mp3网址都会插入每个值=“mp3 = _ __ _ ”

这是一个简单的flash音频播放器Dewplayer。

有什么想法吗？

Answer 1

像这样（未经测试）：

// on document ready,
$(function ()
{
    var objTagOpen = '<object type="application/x-shockwave-flash"'
                     + ' data="dewplayer.swf">'
                     + '<param name="flashvars" value="mp3=',
        objTagClose = '" /> </object>';

    // find all the links whose href ends with '.mp3',
    // and for each one,
    $('a[href$=.mp3]').each(function ()
    {
        var $this = $(this);

        // insert the flash <object> with the flashvars parameter
        $this.before(objTagOpen + $this.attr('href') + objTagClose);

        // then rewrite the link itself
        $this.text('Download');
    });
});

确实很容易。

编辑： Pekka绝对正确地使用rel来允许您拥有正常的mp3链接。在这种情况下，您需要做的就是从

重写初始选择器

$('a[href$=.mp3]')

到

$('a[href$=.mp3][rel=mp3]')

Flash + jQuery超级简单的音频播放器

1 个答案: