1
我想讓縮略圖顯示在列表中 我有一個數據庫，其中的視頻名稱，類型（視頻提供者：youtube或vimeo）和視頻ID，但是縮略圖根本不顯示。我在一個循環內部完成這個工作，即將HTML文檔寫入for循環以從數據庫中獲取整個列表。我做了很多研究，但仍然無法正常工作。任何想法爲什麼？ 這裏是代碼的一部分：在手機上使用ID獲取Youtube和Vimeo縮略圖
如果{ 爲（VAR I = 0;我< resp.length;我++）{
p_str_li += "<li onclick=\"app.frmvideoGalleryService.viewModel.onVListClick('" + resp[i].drill_id + "')\" id='vid1" + i + "' class='videoPreview'>"
p_str_li += " <div id='vid2" + i + "' class='vid_thumb'>"
p_str_li += " <a id='vid3" + i + "' >"
p_str_li += " <img id='vid4" + i + "' src='styles/images/placeholders/thumbnail.jpg' alt='commentPic'>"
if (resp[i].video_type == 'VIMEO') {
$.ajax({
type: 'GET',
url: 'http://vimeo.com/api/v2/video/' + resp[i].video_id + '.json',
async: true,
jsonp: 'callback',
dataType: 'jsonp',
success: function (data) {
thumbnail_src = data[0].thumbnail_medium;
$('#vid4' + i).attr('src', thumbnail_src);
}
});
}
else if (resp[i].video_type == 'YOUTUBE') {
var thumbnail_src = 'http://i2.ytimg.com/vi/' + resp[i].video_id + '/hqdefault.jpg';
$('#vid4' + i).attr('src', thumbnail_src);
}
else {
$('#vid4' + i).attr('src', 'styles/images/placeholders/thumbnail.jpg');
}
p_str_li += " </a>"
p_str_li += " </div>"
}}