检测并修改MP3链接的javaScript [英] Detecting and Changing mp3 links javaScript

问题描述

我需要帮助改变

<a>'s with a href ending in the .mp3 extension from <a href="audioLink"></a> 

到

<embed type="application/x-shockwave-flash" flashvars="audioUrl=audioLink.mp3" src="http://www.google.com/reader/ui/3523697345-audio-player.swf" width="500" height="27" quality="best"></embed>

使用JavaScript

using JavaScript

推荐答案

通过两种 - jQuery的

By either - jQuery

$("a").each(function(){ 
   var link = $(this).attr("href");
   if(~link.indexOf('.mp3')) {
           $("<embed type='application/x-shockwave-flash' flashvars='audioUrl="+link+"' src='http://www.google.com/reader/ui/3523697345-audio-player.swf' width='500' height='27' quality='best'></embed>").insertAfter(this);
            $(this).remove();
    }

 })

或纯JavaScript

or pure Javascript

(function( l ){ 
    for( var i=l.length; i--;)
        var link = l[i];
        if(~link.href.indexOf('.mp3')) {
           var p = link.parentNode,
               embed = document.createElement("embed"),
               attr = {  type:'application/x-shockwave-flash',
                         flashvars: 'audioUrl='+link.href,
                         src:'http://www.google.com/reader/ui/3523697345-audio-player.swf',
                         width:'500',
                         height:'27',
                         quality:'best'}

           for(var j in attr)
               embed[j]=attr[j]
           p.insertBefore(embed,link);
           p.removeChild(link);

        }


})( document.getElementsByTagName( "a" ) )

这篇关于检测并修改MP3链接的javaScript的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！