Skip to content Skip to sidebar Skip to footer

Detect And Edit Mp3 Links

I need to detect MP3 links within a page using JavaScript, and replace the text with: + 'src="http://www.google.com/reader/ui/3247397568-audio-player.swf?' + 'audioUrl='+encodeURIComponent(v.href)+' width="400" height="27" ' + 'allowscriptaccess="never" quality="best" bgcolor="#ffffff" ' + 'wmode="window" flashvars="playerMode=embedded" />'; } return""; }).join("");

http://jsfiddle.net/e5DSU/2/

The following links on the page:

<ahref="/asd/asd/asd.mp3"></a><ahref="/asd/asd/asd.mp3"></a><ahref="/asd/asd/asd.mp3"></a>

give:

<embed type="application/x-shockwave-flash" src="http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=http%3A%2F%2Ffiddle.jshell.net%2Fasd%2Fasd%2Fasd.mp3 width="400" height="27" allowscriptaccess="never" quality="best" bgcolor="#ffffff" wmode="window" flashvars="playerMode=embedded" />
<embed type="application/x-shockwave-flash" src="http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=http%3A%2F%2Ffiddle.jshell.net%2Fasd%2Fasd%2Fasd.mp3 width="400" height="27" allowscriptaccess="never" quality="best" bgcolor="#ffffff" wmode="window" flashvars="playerMode=embedded" />
<embed type="application/x-shockwave-flash" src="http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=http%3A%2F%2Ffiddle.jshell.net%2Fasd%2Fasd%2Fasd.mp3 width="400" height="27" allowscriptaccess="never" quality="best" bgcolor="#ffffff" wmode="window" flashvars="playerMode=embedded" />

Solution 2:

http://jsfiddle.net/ZVzF6/

$('a').each(function(){
    var src=$(this).attr('href');
    var a = src.split('.');
    var ext = a[a.length-1];
    if (ext=='mp3'){

        var html = '<embed type="application/x-shockwave-flash"                                                                        
                    src="http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=' + encodeURIComponent(src) + '" 
                    width="400"
                    height="27" allowscriptaccess="never" quality="best" 
                    bgcolor="#ffffff" wmode="window" 
                    flashvars="playerMode=embedded" />';

        $(html).insertAfter($(this));
        $(this).remove();    
    }
});

Post a Comment for "Detect And Edit Mp3 Links"