jQuery Replace Part of URL

Question

I have a Vimeo URL that looks like this:

<iframe src="https://player.vimeo.com/video/57418480?byline=0&portrait=0&autoplay=1" width="620" height="350" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

What I want to do is take the video ID, which in this case is 57418480 and replace it onclick. I would have the ID set via the class attribute. For example:

<li><a href="#" class="57418481">Ethics in Investing</a></li>

Clicking the above link would replace just the number ID, so it would then look like this:

<iframe src="https://player.vimeo.com/video/57418481?byline=0&portrait=0&autoplay=1" width="620" height="350" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

Adil Shaikh · Accepted Answer · 2013-04-21 18:54:41Z

2

Use data-url in your link

<li><a href="#" data-url="https://player.vimeo.com/video/57418481?byline=0&portrait=0&autoplay=1" class="57418481">Ethics in Investing</a></li>

onclick:

$('a').on('click',function(){
  $('iframe').attr('src',$(this).data('url'));
});

answered Apr 21, 2013 at 18:54

Adil Shaikh

44.8k17 gold badges95 silver badges112 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

viablepath Over a year ago

This is actually a better way of approaching the problem.Thanks for your answer, it worked great! :)

Kaloyan · Accepted Answer · 2013-04-21 19:07:54Z

1

$('a').click(function() {
    var newID = $(this).attr('class');
    var newURL = 'https://player.vimeo.com/video/' + newID + '?byline=0&portrait=0&autoplay=1';
    $('iframe').attr('src',newURL);
    return false;
});

http://jsfiddle.net/Khpd7/

answered Apr 21, 2013 at 19:07

Kaloyan

7,3324 gold badges36 silver badges49 bronze badges

Collectives™ on Stack Overflow

jQuery Replace Part of URL

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related