Ciao a tutti :fonzie:
ecco il mio script:
non riesco a capire bene come passare una variabile (poniamo che si chiami 'fr')
DA
listVideos : function(json,cfg)...
A
init : function(cfg) {...
esempio di quello che mi serve:
un contatore chiamato appunto 'fr' che incrementi di uno la seconda volta se lo script arriva a linea 279 dentro l'else...
come passare questo fr a init : function(cfg) {... ???
e poi eventualmente io avevo pensato di inserire il while nella init... ma l'indice del while non andrebbe incrementato all'interno della funzione in cui viene esplicitato? Come potrei implementare questa modifica?
grazie mille per eventuali delucidazioni...
ecco il mio script:
Codice:
<!--
Function.prototype.bind = function(obj,args) {
var method = this,
temp = function() {
return method.call(obj, args);
};
return temp;
}
var ytEmbed = {
ytQuery : 0,
cl : 0,
callback : {},
cfg : {},
player : false,
/**
* Main Init Method
*/
init : function(cfg) {
this.cfg = cfg || {};
if(!this.cfg.block){
this.message('Please set the block element in the config file.');
}else{
if(!this.cfg.type){
this.message('You must provide a type: search, user, playlist, featured in the insertVideos function.');
}else if(!this.cfg.q){
this.message('You must provide a query: search keywords, playlist ID, or username.');
}else{
//this.message('Loading YouTube videos. Please wait...');
//create a javascript element that returns our JSONp data.
var script = document.createElement('script');
script.setAttribute('id', 'jsonScript');
script.setAttribute('type', 'text/javascript');
//a counter
this.ytQuery++;
if(!this.cfg.paging){
this.cfg.paging = true;
}
if(!this.cfg.results){
this.cfg.results = 10;
}
if(!this.cfg.start){
this.cfg.start = 1;
}
if(!this.cfg.order){
this.cfg.orderby = 'relevance';
this.cfg.sortorder = 'descending';
}
if(!this.cfg.thumbnail){
this.cfg.thumbnail = 200;
}
if(!this.cfg.height){
this.cfg.height = 390;
}
if(!this.cfg.width){
this.cfg.width = 640;
}
switch(this.cfg.order){
case "new_first":
this.cfg.orderby = 'published';
this.cfg.sortorder = 'ascending';
break;
case "highest_rating":
this.cfg.orderby = 'rating';
this.cfg.sortorder = 'descending';
break;
case "most_relevance":
this.cfg.orderby = 'relevance';
this.cfg.sortorder = 'descending';
break;
}
//what data do we need: a search, a user search, a playlist
switch(this.cfg.type){
case "search":
script.setAttribute('src', 'http://gdata.youtube.com/feeds/api/videos?q='+this.cfg.q+'&v=2&format=5&start-index='+this.cfg.start+'&max-results='+this.cfg.results+'&alt=jsonc&callback=ytEmbed.callback['+this.ytQuery+']&orderby='+this.cfg.orderby+'&sortorder='+this.cfg.sortorder);
break;
case "user":
script.setAttribute('src', 'http://gdata.youtube.com/feeds/api/users/'+this.cfg.q+'/uploads?max-results='+this.cfg.results+'&start-index='+this.cfg.start+'&alt=jsonc&v=2&format=5&callback=ytEmbed.callback['+this.ytQuery+']&orderby='+this.cfg.orderby+'&sortorder='+this.cfg.sortorder);
break;
case "playlist":
///snippets?q=
script.setAttribute('src', 'http://gdata.youtube.com/feeds/api/playlists/'+this.cfg.q+'?max-results='+this.cfg.results+'&start-index='+this.cfg.start+'&alt=jsonc&v=2&format=5&callback=ytEmbed.callback['+this.ytQuery+']&sortorder='+this.cfg.sortorder);
break;
case "featured":
script.setAttribute('src', 'http://gdata.youtube.com/feeds/api/standardfeeds/recently_featured?alt=jsonc&callback=ytEmbed.callback['+this.ytQuery+']&max-results='+cfg.results+'&start-index='+this.cfg.start+'&v=2&format=5&orderby='+this.cfg.orderby+'&sortorder='+this.cfg.sortorder);
break;
case "filter":
script.setAttribute('src', 'http://gdata.youtube.com/feeds/api/videos/?'+this.cfg.q+'&callback=ytEmbed.callback['+this.ytQuery+']&max-results='+cfg.results+'&start-index='+this.cfg.start+'&alt=jsonc&v=2&format=5&orderby='+this.cfg.orderby+'&sortorder='+this.cfg.sortorder);
break;
}
cfg.mC = this.ytQuery;
this.callback[this.ytQuery] = function(json){ ytEmbed.listVideos(json,cfg); }
//attach script to page, this will load the data into our page and call the funtion ytInit[ytQuery]
document.getElementsByTagName('head')[0].appendChild(script);
}
}
},
/**
* Build videos (static)
*/
listVideos : function(json,cfg){
this.cfg = cfg;
if(!this.cfg.player){
this.cfg.player = 'embed';
}
if(!this.cfg.layout){
this.cfg.layout = 'full';
}
var div = document.getElementById(this.cfg.block);
var uls = div.childNodes;
for(var i = uls.length; i > -1; i--){
if(uls[i] && uls[i].tagName == "UL"){
div.removeChild(uls[i]);
}
}
//div.innerHTML = ''; //clear ul
if(json.error){
this.message('An error occured:<br>'+json.error.message);
}else if(json.data && json.data.items){
var ul = document.createElement('ul');
ul.className = 'ytlist';
var playlist ="";
for (var i = 0; i < json.data.items.length; i++) {
var entry = json.data.items[i];
//playlist need this
if(entry.video){
//add playlist title data.title
//add tags on the bottom
entry = entry.video;
}
if(entry.id){
playlist += entry.id+",";
}
var li = document.createElement('li');
//a link to our javascript overlay function
var a = document.createElement('a');
a.className = 'clip';
if(this.cfg .player == 'embed' && (!entry.accessControl || entry.accessControl.embed == "allowed")){
if(this.cfg.parent){
//a.setAttribute('href','#'+this.cfg.parent+'Player');
}else{
//a.setAttribute('href','#'+this.cfg.block+'Player');
}
a.style.cursor = 'pointer';
if(a.addEventListener){
a.addEventListener('click', this.playVideo.bind(this, {'id': entry.id, 'cfg': cfg} ),false);
}else if(a.attachEvent){
a.attachEvent('onclick', this.playVideo.bind(this, {'id': entry.id, 'cfg': cfg}));
}
}else{
a.setAttribute('href', entry.player["default"]);
}
var span = document.createElement('span');
a.appendChild(span);
var img = document.createElement('img');
img.setAttribute('src',(entry.thumbnail ? entry.thumbnail.hqDefault : ''));
span.appendChild(img);
var em = document.createElement('em');
span.appendChild(em);
//uploaded
if(this.cfg.layout == 'thumbnails'){
li.className = 'small';
li.appendChild(a);
}else{
//this.cfg.layout = full
li.innerHTML = '<table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" rowspan="2"></td><td valign="top"><h3>'+entry.title+'</h3><span>'+this.formatDescription(entry.description)+'</span></td><td valign="top" style="width: 150px" class="meta"><div>From: <a href="http://www.youtube.com/profile?user='+entry.uploader+'">'+entry.uploader+'</a></div><div>Views: '+entry.viewCount+'</div><div>'+this.formatRating(entry.rating,entry.ratingCount)+' ratings</div>Time: '+this.formatDuration(entry.duration)+'</td></tr></table>';
li.firstChild.firstChild.firstChild.firstChild.appendChild(a);
}
ul.appendChild(li);
}
//for fixed to bottom videos
if(this.cfg.position == "fixed_bottom"){
div.style.position = "fixed";
div.style.bottom = '0px';
div.style.left = '0px';
//document bottom add X (height) pixels margin
}
div.appendChild(ul);
//playlist
if(this.cfg.playlist == true){
this.cfg.playerVars.playlist = playlist.substr(0,playlist.length - 1);
}
if(this.cfg.player == "embed" && this.cfg.display_first == true){
//set settings
if(json.data.items && json.data.items[0].video){
ytPlayerParams.videoId = json.data.items[0].video.id;
}else if(json.data.items){
ytPlayerParams.videoId = json.data.items[0].id;
}
//other settings
if(this.cfg.playerVars){
ytPlayerParams.playerVars = this.cfg.playerVars;
}
this.player = this.createPlayer(this.cfg);
}
if(this.cfg.paging == true){
this.cfg.display_first = false;
var pul = document.createElement('ul');
pul.setAttribute('id', 'ytPage');
if(json.data.totalItems > (json.data.startIndex + json.data.itemsPerPage)){
var li = document.createElement('li');
var a = document.createElement('a');
a.className = 'ytNext';
a.style.cursor = 'pointer';
li.appendChild(a);
if(a.addEventListener){
a.addEventListener('click', ytEmbed.loadNext.bind(this, {cfg: cfg} ),false);
}else if(a.attachEvent){
a.attachEvent('onclick', ytEmbed.loadNext.bind(this, {cfg: cfg}));
}
a.innerHTML = 'Load next...';
li.appendChild(a);//do through bind
pul.appendChild(li);
}
if(json.data.startIndex > 1){
var li = document.createElement('li');
var a = document.createElement('a');
a.setAttribute('class', 'ytPrev');
a.style.cursor = 'pointer';
if(a.addEventListener){
a.addEventListener('click', ytEmbed.loadPrevious.bind(this, {cfg: cfg} ),false);
}else if(a.attachEvent){
a.attachEvent('onclick', ytEmbed.loadPrevious.bind(this, {cfg: cfg}));
}
a.innerHTML = 'Load previous...';
li.appendChild(a);
pul.appendChild(li);
}
div.appendChild(pul);
}
}else{
this.message('No YouTube videos found for your query:<br>Type:\''+this.cfg.type+'\'<br>Query: \''+this.cfg.q+'\'');
}
},
createPlayer : function(cfg){
var div = document.getElementById(cfg.block);
var hold = document.createElement('div');
hold.className = 'ytPlayer';
var iframe = document.createElement('iframe');
iframe.setAttribute('id', cfg.block+'Player');
iframe.setAttribute('width', cfg.width);
iframe.setAttribute('height', cfg.height);
iframe.setAttribute('frameBorder', '0');
iframe.setAttribute('src', 'http://www.youtube.com/embed/'+ytPlayerParams.videoId+'?autoplay='+ytPlayerParams.autoplay+'&modestbranding=1');//controlbar set
hold.appendChild(iframe);
div.insertBefore(hold,div.firstChild);
return iframe;
},
/**
* Format rating (rating/ratingCount)
*/
formatRating : function(rt,rc){
if(rc){
return rc;
}else{
return 0;
}
},
/**
* Format duration (sec to min)
*/
formatDuration : function(dr){
return Math.floor(dr/60)+ ':'+dr % 60;
},
/**
* Format description (description to snippet) (read more expand)
*/
formatDescription : function(ds){
if(ds){
if(ds.length > 255){
return ds.substr(0,252)+'...';
}else{
return ds;
}
}else{
return "No description available.";
}
},
/**
* Format date (2009-08-10T09:04:20.000Z to time)
*/
formatDate : function(dt){
if(dt){
return dt.substr(0,10)
}else{
return "unknown";
}
},
mousOverImage : function(a,b,c){
},
mouseOutImage : function(a,b){
},
/**
* Load next (page)
*/
loadNext : function(data){
data.cfg.start = parseInt(data.cfg.start) + parseInt(data.cfg.results);
ytEmbed.init(data.cfg);
},
/**
* Load previous (page)
*/
loadPrevious : function(data){
data.cfg.start = parseInt(data.cfg.start) - parseInt(data.cfg.results);
if(data.cfg.start < 1) data.cfg.start = 1;
ytEmbed.init(data.cfg);
},
/**
* Sorting by commtns, views, date
*/
sortList : function(json){
},
/**
* Play video (static)
*/
playVideo : function(data){
if(data.cfg.parent){
var player = document.getElementById(data.cfg.parent+"Player");
}else{
var player = document.getElementById(data.cfg.block+"Player");
}
if(!player){
ytPlayerParams.videoId = data.id;
ytPlayerParams.autoplay = 1;
this.createPlayer(data.cfg);
}else{
player.setAttribute('src', 'http://www.youtube.com/embed/'+data.id+'?autoplay=1&modestbranding=1&origin='+document.location.protocol+'//'+document.location.hostname);
}
},
test : function(e,b){
console.log(e);
console.log(b);
console.log(this.cfg.block);
},
/**
* onPlayerReady video
*/
onPlayerReady : function(id){
//set flag
},
/**
* onPlayerStateChange video
*/
onPlayerStateChange : function(id){
//
},
/**
* Messages log
*/
message : function(msg) {
if(!ytEmbed.cfg.block){
//attach message to body?
}else{
document.getElementById(ytEmbed.cfg.block).innerHTML = msg;
}
}
};
/**
* Using the embed player
*/
var ytPlayer;
var ytPlayerParams = {
autoplay: 0,
modestbranding : 1,
events: {
'onReady': ytEmbed.onPlayerReady,
'onStateChange': ytEmbed.onPlayerStateChange
}
};
-->non riesco a capire bene come passare una variabile (poniamo che si chiami 'fr')
DA
listVideos : function(json,cfg)...
A
init : function(cfg) {...
esempio di quello che mi serve:
un contatore chiamato appunto 'fr' che incrementi di uno la seconda volta se lo script arriva a linea 279 dentro l'else...
Codice:
}else{
this.message('No YouTube videos found for your query:<br>Type:\''+this.cfg.type+'\'<br>Query: \''+this.cfg.q+'\'');
}come passare questo fr a init : function(cfg) {... ???
e poi eventualmente io avevo pensato di inserire il while nella init... ma l'indice del while non andrebbe incrementato all'interno della funzione in cui viene esplicitato? Come potrei implementare questa modifica?
grazie mille per eventuali delucidazioni...
Ultima modifica:
quindi tu mi consigli di duplicare la funzione init chiamandola in modo diverso e con variabili diverse (che faccia qualcosa di leggermente diverso, ad esempio devo cambiare un URL) , richiamandola dalla listVideos? cioè la prima volta eseguo la init e SE la listVideos arriva a quell'else eseguo la seconda "init2"? oppure potresti farmi un esempio pratico sullo script proposto? ;-) P.s.: però forse dovrei duplicare anche la listVideos, altrimenti se arriva di nuovo all'else potrebbe diventare un loop infinito, vero? forse c'è un approccio più efficace?
