0

我正在开发一个项目,以根据搜索结果将 Soundcloud 播放器小部件添加到页面(请参阅此问题)。我能够成功添加播放器,但如果我在页面中添加超过 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/

4

1 回答 1

0

为了回答您的问题,我们对您页面上的小部件数量没有限制。但是请注意,许多小部件可能会减慢您的页面速度——它们是内容丰富的 iframe。

于 2013-03-14T17:42:13.943 回答