HTML Js For点点播放按钮循环播放?

时间:2019-01-15 22:58:22

标签: javascript html css iframe

我正在尝试创建一个for循环,以显示放置在特定列表中的每个URI的spotify播放按钮。因此,如果此专辑“ spotify:album:08Cq2FeFxRQdpkKrjCGrth”在列表中,它将显示为

Word

因此for循环会将uri放入Word标记中。

这是我拥有的以下代码,我已经在线查看了许多教程和示例,但无法解决这种情况。

<iframe src="https://open.spotify.com/embed/album/08Cq2FeFxRQdpkKrjCGrth" width="300" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>

1 个答案:

答案 0 :(得分:0)

非常接近-您需要从数组列表中选择08Cq2FeFxRQdpkKrjCGrth,并将<iframe>设置为实际元素。您还应该使用appendChild()而不是innerHTML

var list = ["spotify:album:08Cq2FeFxRQdpkKrjCGrth"];
for (var i = 0; i < list.length; i++) {
    var source = list[i].split(":")[2];
    var iframe = document.createElement("iframe");
    iframe.src = source;
    iframe.width = "300";
    iframe.height = "380";
    iframe.frameborder = "0";
    iframe.allowtransparency = "true";
    iframe.allow = "encrypted-media";
    document.getElementById("demo").appendChild(iframe);
}