Javascript 将播放列表添加到iframe标记

我的应用程序有播放我正在使用的视频的播放列表

<div class="thumbnail">
    <div class="video-container">
        <iframe width="100%" src="//www.youtube.com/embed/{{ media.src }}" frameborder="0 " allowfullscreen></iframe>
    </div>
</div>

那么现在如何将播放列表视频添加到此中。

src=”https://www.youtube.com/embed/videoseries?list=PL55713C70BA91BD6E“frameborder=“0”

在您的情况下，

media.src=“videoseries？list=PL55713C70BA91BD6E”

更新：

您可以使用IFrame Player API创建自己的播放列表：

下面是一个示例，witch不会在堆栈溢出时运行，请将代码复制粘贴到本地html文件中，然后在浏览器中打开它

  player = new YT.Player('player', {
            width: 600,
            height: 400,
            videoId: 'f4Mc-NYPHaQ',//start videos id's
            playerVars: {
                color: 'white',
                playlist: 'YR5ApYxkU-U,Tj75Arhq5ho'//next videos in playlist
            }
  });

index.html下一步

// 2. 此代码异步加载IFrame播放器API代码。
var tag=document.createElement（'script'）；
tag.src=”https://www.youtube.com/iframe_api";
var firstScriptTag=document.getElementsByTagName（'script'）[0]；
firstScriptTag.parentNode.insertBefore（标记，firstScriptTag）；
// 3. 此函数用于创建（和YouTube播放器）
//API代码下载后。
var播放器；
函数onyoutubeiframeapiredy（）{
player=新的YT.player（'player'{
宽度：600，
身高：400，
videoId:'f4Mc NYPHaQ'，
playerVars：{
颜色：'白色'，
播放列表：“YR5ApYxkU-U，Tj75Arhq5ho”
},
活动：{
“onReady”：onPlayerReady
}
});
}
// 4. 当视频播放器准备就绪时，API将调用此函数。
函数onPlayerReady（事件）{
event.target.playVideo（）；
}

假设我有三个带有逗号分隔url的视频，那么如何追加。e、 g.您不能，您需要编写自己的播放列表，使用相同的帧并更改源，或者使用创建自己的播放列表而不创建自己的播放列表，是否可以使用任何其他依赖项？