Javascript JS播放列表功能

我正在使用此代码制作一个播放列表，其中将播放来自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);
                }
            }
        }
    }); 
}

函数addToplaylist（标题）
{
window.title=标题；
$（“#视频”）.html（“”）；
$.ajax({
类型：“POST”，
url:“/includes/ajax.php”，
数据：{title:title}，
成功：功能（结果）{
var playlist=$.cookie（'playlist'）；
如果（播放列表！=null&&playlist！=“”）{
$.cookie（“playlist”，playlist+，'+result，{expires:500，path:'/'}）；
var playlit=$.cookie（'playlit'）；
var cookie=playlit+'，'+window.title；
$.cookie（“playlit”，cookie，{expires:500，path:'/'}）；
$（“#视频”）.html（“”）；
}否则{
$.cookie（“播放列表”，结果，{expires:500，路径：'/'}）；
var playlit=$.cookie（'playlit'）；
$.cookie（“playlit”，window.title，{expires:500，path:'/'}）；
var cookie=window.title；
$（“#视频”）.html（“”）；
}
var playlits=cookie.split（“，”）；
document.getElementById（“player”）.style.display='block'；
$（“#关闭”）.html（“”）；
$（“#drop”）.html（“+playlits.length+”播放列表中的曲目”）；
$（“#拖动”）.html（“”）；
var each=playlits.join（“
”）；
$（“#playlist”）.html（“
”+每个）；
var divCollection=document.getElementsByClassName（“播放列表”）；
对于（var i=0；i

您需要使用Youtube javascript API。仅仅“更改”代码是不够的。调查API，尝试实现它，然后在这里问问题，如果您有具体的问题。如何编写在视频结束后调用或事件的函数，然后再转到netx video使用

player.getPlaylist（）

获得整个播放列表。您可以使用

player.getplaylatindex（）

将当前“索引”放入该播放列表中。您可以每隔一段时间对其进行轮询，也可以订阅

stateChange

事件，然后等待，直到获得不播放/暂停/缓冲的状态，然后再执行此操作。