Changing object embed source via jquery

Question

I need to be able to load up different flash files when users click an image in my gallary. My current solution works perfectly fine in Firefox, but Chrome and IE are not working and it isn't giving any error messages.

I use jquery to change the embed source

$('#flash embed').attr('src', msg.d);


  <object id="flash">
                <embed src="" type="application/x-shockwave-flash" width="800" height="600"></embed>
  </object>

That code works in Chrome for me. Are you sure the problem isn't with `msg.d`? — Paul, Aug 15 '11 at 23:48

score 0 · Answer 1 · answered Aug 16 '11 at 00:01

0

I have used the same solution as you to do the same and mine works perfectly in all browsers, do you think it might be your click event? Try to alert some messages to see where it actually gets to in the code.

Note my code below:

$("object embed").attr("src", id);

answered Aug 16 '11 at 00:01

Reina

315
1
6
21

would seem kind of strange that the click event works in firefox and opera, but not ie and chrome. – chobo Aug 16 '11 at 01:26

score 0 · Answer 2 · answered Aug 16 '11 at 00:04

Try this for embeding:

 <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="800" height="600" id="flash">
 <embed src="" type="application/x-shockwave-flash" width="800" height="600" />
 </object>

and this for switching the swf file:

$(document).ready(function() {
    $('#galleryImageID').click(function() {
        $("#flash>embed").attr('src', msg.d);
    });
});

You could also use swfobject.

score 0 · Accepted Answer · answered Aug 24 '11 at 19:53

I found a few solutions. I ended up using the second one.

Method 1: I insert the entire object tab with embed dynamically. That seems to fix flash loading issues in Chrome and IE.

Method 2: I found a jquery flashloader plugin that is simple to use and works well. http://jquery.lukelutman.com/plugins/flash/

Method 3 Use jquery swfObject http://jquery.thewikies.com/swfobject/examples

Changing object embed source via jquery

3 Answers3

Linked