Javascript 如何激活动态<;李>;还是视频标签?
我正在从YouTube播放列表中检索视频,并将其加载到carousal中 现在,我想激活动态Javascript 如何激活动态<;李>;还是视频标签?,javascript,jquery,youtube,youtube-api,Javascript,Jquery,Youtube,Youtube Api,我正在从YouTube播放列表中检索视频,并将其加载到carousal中 现在,我想激活动态。当我点击任何一个或视频(在中)时,它应该是活动的 var playListURL = 'http://gdata.youtube.com/feeds/api/playlists/'+nPlaylistID+'?v=2&alt=json&callback=?'; var videoURL= 'http://www.youtube.com/watch?v='; $.getJSON(playL
var playListURL = 'http://gdata.youtube.com/feeds/api/playlists/'+nPlaylistID+'?v=2&alt=json&callback=?';
var videoURL= 'http://www.youtube.com/watch?v=';
$.getJSON(playListURL, function(data) {
var list_data="";
$.each(data.feed.entry, function(i, item) {
var feedTitle = item.title.$t;
var feedURL = item.link[1].href;
var fragments = feedURL.split("/");
var videoID = fragments[fragments.length - 2];
var url = videoURL + videoID;
var thumb = "http://img.youtube.com/vi/"+ videoID +"/default.jpg";
list_data += '<li><a href= "#" title="'+ feedTitle +'" onClick=show_yt_vid("'+videoID+'");><img src="'+ thumb +'" /></a></li>';
});
var-playlayurl='1〕http://gdata.youtube.com/feeds/api/playlists/“+nPlaylistID+”?v=2&alt=json&callback=?”;
var videoURL=http://www.youtube.com/watch?v=';
$.getJSON(播放列表URL、函数(数据){
var列表_数据=”;
$。每个(data.feed.entry,函数(i,项){
var feedTitle=项目名称$t;
var feedURL=item.link[1].href;
var fragments=feedURL.split(“/”);
var videoID=fragments[fragments.length-2];
var url=videoURL+videoID;
变量thumb=”http://img.youtube.com/vi/“+videoID+”/default.jpg”;
列出数据+='';
});
演示链接:-
屏幕截图(我想要的方式):-
Thanx提前!!!!!!!:)我的建议是:
向循环中的a标记添加一个类
list_data += '<li><a class="vids" href= "#" title="'+ feedTitle +'" onClick=show_yt_vid("'+videoID+'");><img src="'+ thumb +'" /></a></li>';
下面是演示:
只需在css中的类“active”中添加一个背景,并使用您想要的图像
$(document).on('click', '.vids', function() {
$('.vids').removeClass('active');
$(this).addClass('active');
});