ciao a tutti, non sapevo in che sezione postare il mio quesito, spero che ciò non vi porti dei problemi....
il mio problema è il seguente.... uso drupal 7 e devo integrare nei post di questa sottospecie di blog dei video di youtube a largezza 150x150 e 75x75 px.
ho installato il modulo "MEDIA" ed il modulo "MEDIA:YOUTUBE", ho inserito la field nel tipo di contenuto, ho sistemato le dimensioni di visualizazione da "configurazione > file types > video > manage file display" ho modificato "small" e "large" alle dimensioni descritte sopra.
ho cancellato la cache.
ora il video in modalità "large" quindi a 150x150 si vede e va benissimo, mentre la modalità small (75x75) non si vede proprio... why???
ringrazio anticipatamente del vostro supporto, che come sempre è ottimo.
p.s.: dimenticavo... si può in un qualche modo cambiare la grafica flash del player???? immagino che sia impossibile, ma chiedere non fa mai male....
75x75 un video!!!! Ma neanche se si vedesse lo vedresti, si usa un fermo immagine per quelle cose, inoltre su youtube io riesco ad inserire massimo 200x143, più piccolo non mi lascia.
Inoltre leggi un po' di issue:
http://drupal.org/node/1042442
http://drupal.org/node/1194696
http://www.chromeos.eu
in realtà non volevo fare una cosa come quella descritta sopra.... in realtà volevo fare che mettendo l'immagine di preview del video si aprisse colorbox e me lo facesse vedere da li..... secondo te è possibile??? se si come???
concordo che vedere un video a 75x75 fa schifo, ma avendogli detto che non sapevo se si poteva fare (il sistema colorbox) gli ho detto stupidamente che potevamo fare dei microvio (75x75 appunto) ed è veramente osceno e senza senso...
con lightbox di sicuro, alcune idee rapide che mi vengono sono di linkare alla pagina con un tempalte, ma addirittura dovrebbero esserci opzioni o moduli.
http://www.chromeos.eu
hmmmm stavo pensando che in teoria (adesso sto provando...) utilizzando il modulo "Video Embed Field", è semplice da usare per l'utente e carica il video senza problemi...ora potrei fare a mano una cosa di questo genere:
-inserire questo js:
jQuery(document).ready(function($){//Examples of how to assign the ColorBox event to elements
$(".video").colorbox({iframe:true, innerWidth:480, innerHeight:390});
});
-inserire la classe "video" al div del video di youtube.
-(non so come) con jquery (si sono un fissato di jQuery!) fare in modo che dal video viene fatta un'immagine di preview (ho visto che ci sono dei plug-in).
con questo, sempre per linea teorica, clickando sull'immagine preview del video si dovrebbe aprire in lightbox
ok ho inserito il codice jquery, ma ovviamente mettendolo sul wrap del video si apre lightbox con un iframe che però mi fa vedere una pagina di caricamento del mio sito inesistente.... allora ho provato a mettere il codice riferito al tg iframe del video, ma ovviamente non fa nulla, giustamante fa partire il video '-.-
ora provo a creare l'immagine di preview di youtube, e metterla al posto del video.... vediamo che succede...
ho trovato media module che crea da solo un preview ma se ci clicki sopra o fai qualunque cosa non fa vedere il video... esiste un modo per riuscire a farlo andare???? poi per farlo andare in colorbox non ci sono problemi credo, ma questa storia immagine->video non ha senso che non sia implementata di suo.... c'è n modo per ovviare al problema????
Io lo farei con views a questo punto.
http://www.chromeos.eu
come con views??
come si può fare in views????
ok ho trovato il modo..... nella views bisogna creare 2 field con lo stesso tipo di contenuto... (chiamiamoli 1 e 2 per spiegarci)
nella prima metti l'immagine d'anteprima (1)
nella seconda il video enbeddato da youtube (2)
poi ho messo per ogni field (1 e 2) una classe css (sempre con views):
(1)video
(2)video-full
poi con jquery:
$(document).ready(function($){$('.video img').click(function (e){
e.preventDefault();
$('.video-full').show();
$.colorbox(
{inline: true, href: '.video-full', onCleanup:function(){
$('.video-full').hide()
}
});
});
});
cosi funziona a meraviglia...
ora mi rimane un problema cosa succede se ci sono + di un video???? giustamente lui qualunque sia l'immagine che clicki lui li apre tutti i video....
come faccio a mettere in automatico classi numerate????
es.:
video-1
video-2
video-3....
video-full-1
video-full-2
video-full-3....
Forse lo aggiunge in automatico l'id, in ogni caso la prima idea che mi viene in mente è di modificare il template (quello dello stile di riga dove fa il ciclo) e aggiungere il print di una variabile contatore che incrementi dentro il ciclo.
http://www.chromeos.eu
e come faccio a fare sta cosa?
Basta che modifichi il template della vista, è tema in basso a sinistra, lo selezioni, copi il codice e lo modifichi.
http://www.chromeos.eu
ho sistemato con jquery...
$(".video > img").addClass(function(i){return "video-img-" + (i + 1);});ora ho questo codice....
come faccio a fare che fa tutto in automatico l'azione colorbox prendendo da solo le classi dei video-img-* e dei video-full-*???
(function ($) {//youtube
$(document).ready(function($){
$(".video > img").addClass(function(i){return "video-img-" + (i + 1);});
$(".video-full-container > .video-full").addClass(function(i){return "video-full-" + (i + 1);});
$('.video-img-1').click(function (e){
e.preventDefault();
$('.video-full').show();
$.colorbox(
{inline: true, href: '#media-youtube-1', onCleanup:function(){
$('.video-full').hide()
}
});
});
});
})(jQuery);