jQuery-浏览YouTube URL并添加选项
我在页面上有一系列YouTube URL,每个URL看起来都像:jQuery-浏览YouTube URL并添加选项,youtube,jquery,Youtube,Jquery,我在页面上有一系列YouTube URL,每个URL看起来都像: <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.
<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的末尾有一个“list”参数;第二个标记在URL上没有参数
我需要使用jQuery向页面上的每个YouTube URL追加一个新参数,showinfo=0
。显然,这需要在前面加上?
或&
,这取决于前面是否有其他参数
如何使用?您知道可以使用回调函数吗
$('iframe[src*="youtube.com"]').attr('src', function (i, str) {
return (str.match(/\?/)) ? str+'&showinfo=0' : str+'?showinfo=0';
});
检查问号是否存在,并适当附加:
$('iframe').attr('src', function(idx, src) {
return src + (src.indexOf('?') > -1 ? '&' : '?') + 'showinfo=0';
});