Ask questions and get good answers on mb.jQuery.components

Question

Hi

first off, mb.mediaEmbedder, as it stands, is without a doubt in my mind, the greatest creation in the history of mankind. Ive seen the html5 version that's coming, but the old version is simplicity and speed in itself and I love it!

BUT... I can't get the Audio embedder to display in IE 8 (haven't tried other versions yet). This happens on my (password protected) site, on my local machine and even in the pupunzi.com demo.

IE is kicking out this error:

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0; Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1) ; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.5.30729; .NET CLR 3.0.30729; .NET4.0C; Alexa Toolbar) Timestamp: Fri, 8 Apr 2011 15:15:50 UTC

Message: Syntax error Line: 1 Char: 25 Code: 0 URI: http://pupunzi.com/mb.components/mb.mediaEmbedder/demo/demo.html>

Any clues?

Thank You Andy

edit

Shouldve mentioned before that the "shortcode" does disappear and accessing the player's url directly in IE displays it fine.

Answer 1

In true form, after asking the question, I figure out the answer.

I've edited the plugin file slightly after reading this article on A List Apart

Basically, I changed the output variable (var embedstring) from...

 var embedstring= '<object width="'+width+'" height="24" type="application/x-shockwave-flash"' +
                     'style="outline: medium none; visibility: visible;" ' +
                     'data="'+$.mb_audioEmbedder.playerPath+'" >' +
                     '<param name="menu" value="false">'+
                     '<param name="flashvars" value="soundFile='+params+'">'+
                     '<param name="wmode" value="transparent">' +
                     '<param name="allowscriptaccess" value="always">' +
                     '<embed src="'+$.mb_audioEmbedder.playerPath+'" type="application/x-shockwave-flash" ' +
                     'wmode="transparent" allowscriptaccess="always" ' +
                     'width="'+width+'" height="24"' +
                     'flashvars="soundFile='+params+'">' +
                     '</embed>' +
                     '</object>';

To...

 var embedstring= '<object type="application/x-shockwave-flash"' +
                        'data="'+$.mb_audioEmbedder.playerPath+'"' +
                        'width="'+width+'" height="24">' +
                        '<param name="movie" value="'+$.mb_audioEmbedder.playerPath+'" />' +
                        '<param name="flashvars" value="soundFile='+params+'">'+
                        '<param name="wmode" value="transparent">' +
                        '</object>';

And it now works fine in IE, as well as Firefox, Chrome, Safari and Opera.

Buzzin...