jQuery mobile ui-blockでYouTube動画のJSONフィードを作成しようとしていますが、各動画のURLが同じであるため、各動画に同じIDを取り込むため、一生理解できません。私はそれをオンラインで持っています-http://www.abbeyshruletidyvillages.ie/app/#videos。ありがとうピアス
/
// Video YouTube JSON Feed
//
function listVideos(data) {
console.log(data);
var output='';
for (var i=0; i<data.feed.entry.length; i++) {
// Title
var title = data.feed.entry[i].title.$t;
// Tumbnail
var thumbnail = data.feed.entry[i].media$group.media$thumbnail[0].url;
// Description
var description = data.feed.entry[0].media$group.media$description.$t;
// Video ID
var id = data.feed.entry[0].id.$t.substring(39);
var blocktype = ((i % 2) === 1) ? 'b' : 'a';
output += '<a href="#videoplayer" data-transition-"fade" onclick="playVideo(' + id + '\',\'' + title + '\',\'' + escape(description) + '\')">';
output += '<div class="ui-block-' + blocktype + '">';
output += '<h3 class=""movivetitle">' + title + '</h3>';
output += '<img src="' + thumbnail + '" alt="' + title + '" />';
output += "</a>"
output += "</div>";
}
$('#videolist').html(output);
}
function playVideo(id, title, description) {
var output ='<iframe src="http://www.youtube.com/embed/'+ id +'?wmode=transparent&HD=0&rel=0&showinfo=0&controls=1&autoplay=1" frameborder="0" allowfullscreen></iframe>';
output += '<h3>' + title + '</h3>';
output += '<p>' + unescape(description) + '</p>';
$('#myplayer').html(output);
}