まず、動画の JSON プレイリストを取得します。次に、プレイリストで提供された各動画 ID に関する JSON 情報を取得します。各ビデオ情報 JSON から、「#container」div にビデオのサムネイル URL をリストします。
私の問題は、[JSON データを取得] ボタンを押すたびにサムネイルの順序が変わることです。コンソールを調べたところ、個々のビデオ JSON は常に同じ順序でクエリされます。その JSON から情報を投稿すると、順序が正しくありません。
何を与える?
$(document).ready(function(){
$("button").click(function(){
//$('p').remove();
$.getJSON("https://api.dailymotion.com/playlist/xy4h8/videos",function(result){
$.each(result.list, function (index, value) {
// console.log(value.id);
$.getJSON("https://api.dailymotion.com/video/"+value.id+"?fields=id,title,thumbnail_medium_url",function(resulted){
$("#container").append(resulted.thumbnail_medium_url + "<br />"); // THIS IS THE BIT ALWAYS OUT OF ORDER
}); // use id of each object in list to get next json
}); // for each of the list object within the playlist result obj
}); // get playlist json
}); // button click
});
助けてくれてありがとう。