jquery取代了YouTube iFrame [英] jquery replace YouTube iFrame
本文介绍了jquery取代了YouTube iFrame的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
如果YouTube iframe嵌入代码为...
If a YouTube iframe embed code is ...
<iframe width="560" height="315" src="http://www.youtube.com/embed/dd8W4PNUU3Q?rel=0" frameborder="0" allowfullscreen></iframe>
如何提取 dd8W4PNUU3Q
即视频ID
并用
<img style="background-image:url('http://i1.ytimg.com/vi/dd8W4PNUU3Q/hqdefault.jpg');" class="someClass"/>
并用< a> $ c $包装图片c>给...
<a href="http://www.MYURL.com/?v=dd8W4PNUU3Q"><img style="background-image:url('http://i1.ytimg.com/vi/dd8W4PNUU3Q/hqdefault.jpg');" class="someClass"/></a>
推荐答案
var RE = /embed\/([a-zA-Z0-9_-]{11})/;
jQuery( "iframe" ).each(function(){
var id = ( this.src.match( RE ) || [] )[1];
if( id ) {
jQuery( this ).replaceWith( '<a href="http://www.MYURL.com/?v='+id+'">'+
'<img src="http://i1.ytimg.com/vi/'+id+'/hqdefault.jpg"'+
' class="someClass" /></a>' );
}
});
Jsfiddle: http://jsfiddle.net/4E3DH/1/
Jsfiddle: http://jsfiddle.net/4E3DH/1/
这篇关于jquery取代了YouTube iFrame的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文