Question

如果YouTube iframe html是

<iframe width="560" height="315" src="http://www.youtube.com/embed/VIDEOID" frameborder="0" allowfullscreen></iframe>

jquery应测试iframe src以查看前29个字符是否与http://www.youtube.com/embed/匹配

如果确实应用jquery在VIDEOID之后提取/embed/并用http://www.redirect.mysite.com/?id=VIDEOID替换iframe src

所以iframe的src在

之下

<iframe width="560" height="315" src="http://www.youtube.com/embed/EhrYQrLBiTQ" frameborder="0" allowfullscreen></iframe>

应替换为

<iframe width="560" height="315" src="http://www.redirect.mysite.com/?id=EhrYQrLBiTQ" frameborder="0" allowfullscreen></iframe>

Answer 1

看到这个小提琴：http://jsfiddle.net/maniator/cRFgv/

代码：

$('iframe').each(function(){
    this.src = this.src.replace('http://www.youtube.com/embed/', 
                                         'http://www.redirect.mysite.com/?id=');
});

提取和替换（仅限YouTube）Iframe src

1 个答案: