ansaurus

Question

Answer 1

+1 A:

I am not sure "when" you want to replace it, so I made it on click. Try this:

$('#change_me').click(function() {
    var val = $('embed').attr('src').replace(/clip_id=(?=\d).\d+/g, 'clip_id='+new_id);


    $('embed').attr('src', val);
    alert($('embed').attr('src'));
});

This regular expression will find clip_id followed by any numbers and only numbers and replace them with the new id. You can do this on both urls that contain clip_id. I am pretty sure it will work on all browsers, although I cant test it right now.

Note: I am sure that a better regular expression could be used, but I am not particulary good with them, so thats all I can come up with atm.

Hope this helps

realshadow 2010-06-03 13:01:08

What is the selector: `$('embed')` it doesn't seem to work with that selector?

Abs 2010-06-03 19:54:40

It will select the <embed></embed> tag, although, if you have more flash movies on your site, it will select the first one on your site, so you will have to change the selector to work with your code, e.g. you would use $('param[name="movie"]') to select the clip_id in the param tag. Prolly the best way would be to wrap it on some div.

realshadow 2010-06-04 09:58:34

Answer 2

+1 A:

There are some cross-browser implications for this.

You might want to take a look at another question on SO.

You should use the SWFObject plugin for this as stated by SolutionYogi.

Here's another related question: http://stackoverflow.com/questions/291647/how-to-use-javascript-to-swap-swf-in-html

sirhc 2010-06-03 13:37:40

+1 for taking into consideration the implications.

Pekka 2010-06-03 13:51:03

@Sirhc - Thank you for the reply. What are the cross browser implications that you speak of?

Abs 2010-06-03 19:18:52

Loading Flash files in older browsers can be rather tricky. I read somewhere that you have to reload the object element into the DOM in order for it load. I can't find a link to that at the moment though. Meanwhile, there's a list of reasons to use SWFObject over [at this forum thread](http://www.webmasterworld.com/video/3792156.htm).

sirhc 2010-06-03 20:49:04

Answer 3

A:

    var params = document.getElementsByTagName("param");
    var clip_url = 11527780;
    var vimeo = "http://vimeo.com/moogaloop.swf?clip_id=" + clip_url + "&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1";
    params[2].setAttribute("value", vimeo);

    var embed = document.getElementsByTagName("embed");
    embed[0].setAttribute("src", vimeo);

clip_url is the id of the vimeo video.

Wai Wong 2010-06-03 13:49:49

Worked like a treat in firefox but tried it on IE8 and I get this error: `Message: '2' is null or not an object`.

Abs 2010-06-03 19:58:20

It says on row 18 that is the error. I am not quite sure what it could be. I am trying this on other browsersEdit: It seems not to work with Chrome either. I guess the DOM code doesnt work for embeddded videos

Wai Wong 2010-06-04 08:34:05

ansaurus

tags:

views:

answers:

Change Vimeo Video using JQuery

related questions