Question

有人可以告诉我一个附加此字符串的javascript：

&showinfo=0

到iframe src属性，但仅当src包含youtube.com

时

因此这个标签：

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

将成为：

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

但仅限于youtube网址而非其他iframe。

Answer 1

以下内容将选择其youtube属性中包含字符串src的所有IFrame，并将字符串&showinfo=0附加到其src属性。

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

您可能希望根据您的要求进行调整：

例如，您可以检查整个YouTube广告网址，而不仅仅是“youtube”＃。
此外，您可能想要在追加它之前检查查询字符串是否已经是URL的一部分。

Answer 2

好的，让我们分解为步骤：

循环浏览页面上的每个iframe
检查该iframe的src是否包含＆＃39; youtube＆＃39;
更新iframe的src属性

以下是代码：

$(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
    }
  });
});

仅在加载youtube url时修改iframe的src（jQuery或Javascript）

2 个答案: