我正在使用此代码制作播放列表,其中将播放来自youtube的视频,但我无法突出显示纠正曲目因为它在youtube播放列表中我将如何编辑代码才能实现此功能?
function addToplaylist(title)
{
window.title= title;
$("#video").html('<img src="/img/24.gif">');
$.ajax({
type: "POST",
url: '/includes/ajax.php',
data: {title: title},
success: function(result) {
var playlist = $.cookie('playlist');
if (playlist!=null && playlist!="") {
$.cookie("playlist", playlist+','+result, { expires: 500, path: '/' });
var playlistt = $.cookie('playlistt');
var cookie = playlistt+','+window.title;
$.cookie("playlistt", cookie, { expires: 500, path: '/' });
$("#video").html('<div style="left:5px;position:relative;width:99%;height:29px;overflow:hidden;float:left;"><div style="position:absolute;top:-273px;left:-3px"><iframe width="690" height="300" src="https://www.youtube.com/embed/' +result+ '/?autoplay=1&playlist=' +playlist+'&rel=0"></iframe></div>');
} else {
$.cookie("playlist", result, { expires: 500, path: '/' });
var playlistt = $.cookie('playlistt');
$.cookie("playlistt", window.title, { expires: 500, path: '/' });
var cookie = window.title;
$("#video").html('<div style="left:5px;position:relative;width:99%;height:29px;overflow:hidden;float:left;"><div style="position:absolute;top:-273px;left:-3px"><iframe width="690" height="300" src="https://www.youtube.com/embed/' +result+ '/?autoplay=1&rel=0"></iframe></div>');
}
var playlistts=cookie.split(",");
document.getElementById("player").style.display = 'block';
$("#close").html('<a class="icon-remove" title="Close Player"></a>');
$("#drop").html('<div class="btn-group plinfo"><div class="btn btn-inverse">'+playlistts.length+' Tracks In Playlist</div><div onclick="dropPlaylist()" class="btn btn-inverse" title="Cleanup Playlist">Cleanup Playlist</div></div>');
$("#drag").html('<a class="icon-move" style="cursor:move;" title="Drag Player"></a>');
var each = playlistts.join('</span><li><img class="plimg" onload="this.src = \'/includes/image.php?\'+$(this).next(\'span.titletrack\').text()" src="/img/cover.png"><span onclick="playinToplaylist($(this).html());" class="titletrack">');
$("#playlist").html('<li><img src="/img/cover.png"><span onclick="playinToplaylist($(this).html());" class="titletrack">' + each);
var divCollection = document.getElementsByClassName("playlist");
for (var i = 0; i < divCollection[0].childElementCount; i++) {
if (divCollection[0].children[i].textContent == window.title) {
findMeText = divCollection[0].children[i];
window.setTimeout(function() { findMeText.style.background = '#aaa'; }, 0);
window.setTimeout(function() { findMeText.style.background = '#000'; }, 3000);
}
}
}
});
}