Javascript 如果原始src'；s高度/宽度小于；x"；像素？

如果原始src的比例小于“x”像素（宽度/高度），是否可以检索替代图像src来代替另一图像src

更具描述性的是，我正在开发一个脚本，将高质量的缩略图图像覆盖在视频iframe上。对于高清格式的视频（如720p和1080p），它们返回全尺寸

maxresdefault

缩略图

但是，对于非高清格式的视频（分辨率小于720p的视频），它们会生成一个非常小的

maxresdefault.jpg

图像，我更喜欢用

hqdefault.jpg

缩略图来代替

以下是我目前正在使用的脚本的一个片段：

；
（函数（$，窗口，文档，未定义）{
“严格使用”；
var默认值={
深色指甲：假
};
函数YouTubeHDThumbnail（元素、选项）{
this.elem=元素；
此.$elem=$（元素）；
this.settings=$.extend（{}，默认值，选项）；
这是默认值；
这个._name='youTubeHDThumbnail'；
this.init（）；
}
$.extend（YouTubeHDThumbnail.prototype{
init:function（）{
this.videoId=null，
这是。$thumbnail=null；
//检索高清缩略图
var src=this.$elem.attr（'src'），
srcSplit=src.split（“？”），
srcMain=null，
srcPure=null；
如果（srcSplit.length>0）{
srcMain=srcSplit[0]；
srcPure=srcMain.split（'/'）；
this.videoId=srcPure.pop（）；
此。$缩略图=$（''）
艾特先生({
'href'：'#'
})
.addClass（'yt-hd-thumbnail'）
.附加(
$('')
.addClass（'yt-hd-thumbnail-outer-container'）
.insertAfter（this.elem）
.css（'width'，this.$elem.attr（'width'）），
$innerContainer=$（''）
.addClass（'yt-hd-thumbnail-internal-container'）
.附录（$outerContainer）；
//插入缩略图和iframe
如果（此.settings.darkinthumbnail）{
这是。$thumbnail.addClass（'yt-hd-thumbnail-darken'）；
}
$innerContainer.append（this.$缩略图）.append（this.elem）；
//将单击处理程序添加到缩略图
var self=这个；
此.$thumbnail.on（'click'，函数（e）{
e、 预防默认值（）；
src=src+'&autoplay=1'；
$innerContainer.addClass（'yt-hd-thumbnail-clicked'）；
self.$elem.attr({
“src”：src
});
});
},
});
$.fn['youTubeHDThumbnail']=函数（选项）{
返回此值。每个（函数（）{
if（！$.data（这是“插件”+“youTubeHDThumbnail”））{
$.data（这是“plugin_u2;”+
“youTubeHDThumbnail”，新的youTubeHDThumbnail（此选项））；
}
});
};
})（jQuery、窗口、文档）；
/*YouTube高清缩略图/添加高清类*/
$（文档）.ready（函数（）{
$（'iframe[src*=“youtube.com”]）.addClass（“ythd缩略图”）；
});
/*YouTube高清缩略图/缩略图悬停效果*/
$（文档）.ready（函数（）{
$（'iframe.yt高清缩略图'）.youTubeHDThumbnail({
深色指甲：对
});
})；

.yt高清缩略图内部容器{
身高：0；
垫面：56.25%；
职位：相对
}
.yt hd缩略图内部容器>a.yt-hd-缩略图，
.yt hd缩略图内部容器>iframe{
显示：块；
位置：绝对位置；
排名：0；
左：0；
右：0；
底部：0；
边框宽度：0
}
.yt hd缩略图内部容器>a.yt-hd-缩略图{
z指数：2
}
.yt hd缩略图内部容器>a.yt-hd-缩略图img{
宽度：100%
}
.yt hd缩略图内部容器>a.yt-hd-缩略图。yt hd缩略图变暗：之前{
显示：块；
位置：绝对位置；
内容：''；
排名：0；
左：0；
右：0；
底部：0；
背景色：#000；
不透明度：.3；
-webkit转换：不透明度。3s轻松；
-moz转换：不透明度。3秒轻松；
过渡：不透明度。3秒轻松
}
.yt hd缩略图内部容器>a.yt-hd-缩略图.yt hd缩略图变暗：悬停：之前{
不透明度：0
}
.yt hd缩略图内部容器>iframe{
最大宽度：100%；
不透明度：0；
-webkit转换：不透明度.3s易用性.3s；
-moz转换：不透明度.3s易用性.3s；
过渡：不透明度。3秒轻松。3秒
}
.yt hd缩略图内部容器.yt hd缩略图已单击>a.yt-hd-缩略图{
显示：无
}
.yt hd缩略图内部容器.yt hd缩略图已单击>iframe{
不透明度：1
}

最大分辨率为：480p的视频




最大分辨率为：1080p的视频

这似乎有效：

/**/
常数thumb=$（'{
常数src=thumb[0]。宽度<121？
'https://cdn.pixabay.com/photo/2015/06/19/17/58/sample-815141_960_720.jpg' :
'http://i.ytimg.com/vi/“+this.videoId+”/maxresdefault.jpg”；
此.$thumbnail.append（$（'

；
（函数（$，窗口，文档，未定义）{
“严格使用”；
var默认值={
深色指甲：假
};
函数YouTubeHDThumbnail（元素、选项）{
this.elem=元素；
此.$elem=$（元素）；
this.settings=$.extend（{}，默认值，选项）；
这是默认值；
这个._name='youTubeHDThumbnail'；
this.init（）；
}
$.extend（YouTubeHDThumbnail.prototype{
init:function（）{
this.videoId=null，
这是。$thumbnail=null；
//检索高清缩略图
var src=this.$elem.attr（'src'），
srcSplit=src.split（“？”），
srcMain=null，
srcPure=null；
如果（srcSplit.length>0）{
srcMain=srcSplit[0]；
srcPure=srcMain.split（'/'）；
this.videoId=srcPure.pop（）；
此。$缩略图=$（''）
艾特先生({
'href'：'#'
})
.addClass（'yt-hd-thumbnail'）
常数thumb=$（'{
常数src=thumb[0]。宽度<121？
'https://cdn.pixabay.com/photo/2015/06/19/17/58/sample-815141_960_720.jpg':
'http://i.ytimg.com/vi/“+this.videoId+”/maxresdefault.jpg”；
这个.$thumbn