我目前正在为博主开发一个电子管模板。我的概念是,我将把youtube嵌入代码放在帖子中,它会自动获取缩略图。
我使用以下代码创建了摘要帖子(将显示第一个拇指):
function removeHtmlTag(strx,chop){if(strx.indexOf("<")!=-1){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}strx=s.join("")}chop=(chop<strx.length-1)?chop:strx.length-2;while(strx.charAt(chop-1)!=' '&&strx.indexOf(' ',chop)!=-1)chop++;strx=strx.substring(0,chop-1);return strx+'...'}function createSummaryAndThumb(pID,pURL,pTITLE){var div=document.getElementById(pID);var imgtag="";var img=div.getElementsByTagName("img");var summ=summary_noimg;if(img.length>=1){imgtag='<div class="firstThumb"><a href="'+ pURL +'" title="'+ pTITLE+'"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></a></div>';summ=summary_img}var summary=imgtag+'<div class="post-desc">'+removeHtmlTag(div.innerHTML,summ)+'</div>';div.innerHTML=summary}
在帖子中,我提供了缩略图和嵌入代码。我试图创建一个函数来从嵌入代码中获取缩略图,而不是手动上传。
我从头开始创建模板。我的博客http://testingmicroviral.blogspot.com/
的链接我正在查看下面的代码,但无法知道如何实现它:
var iframe = $('iframe:first');
var iframe_src = iframe.attr('src');
var youtube_video_id = iframe_src.match(/youtube\.com.*(\?v=|\/embed\/)(.{11})/).pop();
if (youtube_video_id.length == 11) {
var video_thumbnail = $('<img src="//img.youtube.com/vi/'+youtube_video_id+'/0.jpg">');
$('body').append(video_thumbnail);
$('img:first').click(function() {
$('iframe:first').fadeToggle('400');
});
}
我不知道如何实施博客。有人能帮我吗?感谢。