Modify src of iframe only when youtube url loaded (jQuery or Javascript)

Question

Can someone kindly show me a javascript that will append this string:

&showinfo=0

to an iframe src attribute but only if the src contains youtube.com

So therefore this tag:

<iframe width="1280" height="720" src="https://www.youtube.com/embed/Yso_Ez691qw?feature=oembed" frameborder="0" allowfullscreen=""></iframe>

Will become:

<iframe width="1280" height="720" src="https://www.youtube.com/embed/Yso_Ez691qw?feature=oembed&amp;showinfo=0" frameborder="0" allowfullscreen=""></iframe>

But only only on youtube urls not other iframes.

Nisarg Shah · Accepted Answer · 2017-10-25 05:15:09Z

1

The following would select all IFrames that contain string youtube in their src attribute, and append the string &showinfo=0 to its src attribute.

$("iframe[src*='youtube']").each(function() {
    var src = $(this).attr('src');
    $(this).attr('src', src + '&showinfo=0');
});

You may want to tweak it based on your requirements though:

For instance, you can check entire youtube URL instead of just 'youtube'.
Also, you might want to check if the querystring is not already part of the URL before appending it.

answered Oct 25, 2017 at 5:15

Nisarg Shah

14.6k6 gold badges38 silver badges58 bronze badges

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

Comments

rhysclay · Accepted Answer · 2017-10-25 05:36:06Z

0

Ok lets break this down into steps:

Loops through every iframe on the page
Check if the src of that iframe contains 'youtube'
Update the iframe's src attribute

Here is the code:

$(document).ready(function() {
  // here is the loop
  $('iframe').each(function(i) {
    // here we get the iframe's source
    var src = $(this).attr('src');
    var substring = 'youtube';
    // check if this iframe's source (src) contains 'youtube'
    if(src.indexOf(substring) !== -1) {
      // OK it does - lets update the source (src)
      $(this).attr('src', src + '&showinfo=0');
      console.log($(this).attr('src'));
      // https://www.youtube.com/embed/Yso_Ez691qw?feature=oembed&showinfo=0
    }
  });
});

answered Oct 25, 2017 at 5:36

rhysclay

1,6833 gold badges22 silver badges43 bronze badges

1 Comment

Jordan Weinstein Over a year ago

Really nice. Thanks for sharing this.

Collectives™ on Stack Overflow

Modify src of iframe only when youtube url loaded (jQuery or Javascript)

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related