Question

我正在开发一个项目，根据搜索结果将Soundcloud播放器小部件添加到页面中（请参阅this question）。我能够成功添加播放器，但如果我在页面上添加3个以上，它们就不能“播放” - 我无法点击播放按钮并播放音乐。我允许添加到页面的工作小部件的数量是否有上限？

代码如下：

<html>
<head>
<script src="http://connect.soundcloud.com/sdk.js"></script>

<script>
function makeDivsFromTracks(tracks)
{
 var track;
 var permUrl;
 var newDiv;



 for(var ctr=0;ctr<tracks.length;ctr++)
 {
   track=tracks[ctr];

   if(track["downloadable"])
   {
   newDiv=document.createElement("div");
   newDiv.id="track"+ctr
   SC.oEmbed(track.permalink_url,{color:"ff0066"},newDiv);
   document.body.appendChild(newDiv);
   }
 }
}
</script>

</head>
<body>

<script>
SC.initialize({
    client_id: '9a81d4ed26119b89bc329700efef5ff2'
});
SC.get('/tracks',{duration:{from:180000,to:900000},tags:'hard trance'},function(tracks){makeDivsFromTracks(tracks);});
</script>

</body>
</html>

在JSFiddle中添加了一个示例：http://jsfiddle.net/ZyvbD/1/

Answer 1

要回复您的问题，我们对您网页上的小部件数量没有限制。但请注意，许多小部件可能会降低您的网页速度 - 它们是内容相当丰富的iframe。

是否可以将最大数量的播放器小部件添加到网页中？

1 个答案: