私は検索結果に基づいて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/