jQuery-通過YouTube網址走，並添加選項

Question

我有一系列的頁面上YouTube網址中，每個看起來像這些之一：

<iframe width="640" height="360" src="//www.youtube.com/embed/XFMjR2SgEP0?list=PLd4hww6QWFS5HMUQzSs3r-90jMRtCiCdi" frameborder="0" allowfullscreen></iframe> 

<iframe width="640" height="360" src="//www.youtube.com/embed/DVPP1elkhKU" frameborder="0" allowfullscreen></iframe> 

正如你所看到的，第一個標籤上面有一個'列表'參數在URL的末尾;第二個標籤在URL上沒有參數。

我需要使用jQuery將新參數showinfo=0附加到頁面上的每個YouTube網址。顯然，這需要在?或&之前，具體取決於它之前是否有其他參數。

怎麼樣？

Answer 1

檢查問號的存及其附加適當：

$('iframe').attr('src', function(idx, src) { 
    return src + (src.indexOf('?') > -1 ? '&' : '?') + 'showinfo=0'; 
}); 

Answer 2

你知道.attr()可以採取回調函數嗎？

$('iframe[src*="youtube.com"]').attr('src', function (i, str) { 
    return (str.match(/\?/)) ? str+'&showinfo=0' : str+'?showinfo=0'; 
}); 

http://jsfiddle.net/mblase75/6rUaE/