请记住,谷歌的例子是来说明功能。 我怀疑这是随机进入的地方。它们只是为示例生成一些数据。
我更改dataprovider.js更容易理解,并有更多的控制。
这里是改变的版本是这样的:
var gtv = gtv || {
jq: {}
};
/**
* DataProvider class. Defines a provider for all data (Categories, Images & Videos) shown in the template.
*/
gtv.jq.DataProvider = function() {
};
/**
* Returns all data shown in the template..
* @return {object} with the following structure:
* - categories -> [category1, category2, ..., categoryN].
* - category -> {name, videos}.
* - videos -> {thumb, title, subtitle, description, sources}
* - sources -> [source1, source2, ..., sourceN]
* - source -> string with the url | {src, type, codecs}
*/
gtv.jq.DataProvider.prototype.getData = function() {
var event_videos = [
{
sources: ['http://commondatastorage.googleapis.com/gtv_template_assets/IO2010-Keynote-day1.mp4'],
title: '2010 Day 1 Keynote',
thumb: 'images/thumbs/thumb01.jpg',
description: ['With Vic Gundotra'],
subtitle: 'Moscone Center'
},
{
sources:['http://commondatastorage.googleapis.com/gtv_template_assets/IO2010-Keynote-day2-android.mp4'],
title: '2010 Day 2 Keynote',
thumb: 'images/thumbs/thumb02.jpg',
description: ['Spider - what spider?'],
subtitle: 'Moscone Center'
}
];
var buck_videos = [
{
sources:['http://bffmedia.com/trailer_400p.ogg'],
title: 'Big Buck 400p Video Trailer',
thumb: 'http://www.bffmedia.com/buck1.png',
description: ['Common Creative Project Movie'],
subtitle: 'Smaller Version'
},
{
sources:['http://bffmedia.com/trailer_1080p.ogg'],
title: 'Big Buck 1080p Video Trailer',
thumb: 'http://www.bffmedia.com/buck2.png',
description:['Common Creative Project Movie'],
subtitle: 'Big Buck is a Rabbit'
}
];
var data = {
categories: [
{
name: 'Dev Events',
videos: event_videos
},
{
name: 'Big Buck',
videos: buck_videos
}
]
};
return data;
};
不幸的是,没有工作。它停止加载所有的缩略图和视频 – ace973 2012-01-29 04:16:44
如果现在还没有修复,我会要求某人修复库中的代码。 – 2012-01-31 01:37:48
谢谢Les,工作。 Justa快速提示其他人:如果您有不同数量的视频,则必须调整第167行。由于我有11个视频,我将它改为(var j = 0; j <11; j ++) – ace973 2012-01-31 07:12:27