我正在开发一个项目,以根据搜索结果将 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/