Html Js для цикла с точечными кнопками воспроизведения? - PullRequest
Новая
       3

Html Js для цикла с точечными кнопками воспроизведения?

0 голосов
/ 16 января 2019

Я пытаюсь создать цикл for, который отображает кнопку воспроизведения spotify для каждого URI, который я поместил в определенный список. Поэтому, если бы этот альбом "spotify: album: 08Cq2FeFxRQdpkKrjCGrth" был в списке, он бы отображался как 

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

Таким образом, цикл for поместит uri в тег <iframe>.

Вот следующий код, который у меня есть, я уже просмотрел многие учебные пособия и примеры в Интернете, но не могу разобраться с этим типом ситуации. 

<!DOCTYPE html>
<html>
<body>


<p id="demo"></p>

<script>
var list = ["spotify:album:08Cq2FeFxRQdpkKrjCGrth"];
var text = "";
var i;
for (i = 0; i < cars.length; i++) {
  text += <iframe src=" cars[i]" width="300" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe> + "<br>";

}
document.getElementById("demo").innerHTML = text;
</script>

</body>
</html>

1 Ответ

0 голосов
/ 16 января 2019

Очень близко - вам нужно выбрать 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);
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...