Esempio qui
Compatibilità:
-
- ![]()
Plugin per includere una serie di miniature, e relativo riquadro di riproduzione, dei video di youtube che si vogliono aggiungere nella propria pagina.
Specifiche di progetto:
- Prima di includere il plugin, va inclusa la libreria Jquery, scaricabile qui.
Prima di tutte va inclusa la libreria e poi il plugin, invertendo la chiamata ai due '.js', non funziona il tutto - E' consigliabile utilizzare il plugin su un elemento "div"
Parametri passabiti al Plugin:
- array_video_big ( array di link contenente gli indirizzi dei video di youtube )
- array_video_small ( array di immagini contenente le small dei video di youtube )
- colore ( indica il colore di contorno della barra di
scorrimento del video ) --> 'FF0000' - coloredue ( indica il colore di riempimento della barra di
scorrimento del video ) --> 'FF0000' - position_big ( posizione delle immagini small ) --> 'up' / 'down' )
ESEMPIO DI CODICE HTML:
<div id ='generale'>
</div>
ESEMPIO DI CHIAMATA:
$(document).ready(function(){
var array_videoBig = new Array();
array_videoBig[0] = 'http://it.youtube.com/watch?v=8RJmnMghtOc';
array_videoBig[1] = 'http://it.youtube.com/watch?v=JXYBRBrQHfE';
array_videoBig[2] = 'http://it.youtube.com/watch?v=JM7LF1iKBio';
array_videoBig[3] = 'http://it.youtube.com/watch?v=g0JlEbgJf8o';
var array_video_small = new Array();
array_video_small[0] = 'http://i1.ytimg.com/vi/8RJmnMghtOc/default.jpg';
array_video_small[1] = 'http://i3.ytimg.com/vi/JXYBRBrQHfE/default.jpg';
array_video_small[2] = 'http://i3.ytimg.com/vi/JM7LF1iKBio/default.jpg';
array_video_small[3] = 'http://i4.ytimg.com/vi/g0JlEbgJf8o/default.jpg';
$("#generale").GestYoutube({
array_video_big : array_videoBig,
array_video_small : array_video_small,
colore: 'FF0000'
coloredue: '00FF00'
position_big: 'up'
});
});
DOVE PRELEVARE I LINK e IMMAGINI:
Andate sul sito di youtube, cercate il video che state cercando, fate tasto destro sull'immagine piccola (come nell'immagine), proprietà e copiatevi l'URL (questo sarà l'indirizzo dell'immagine small del vostro video) .


Sucessivamente selezionate il video e in alto a destra, prelevate il link del video.

Ecco i link per scaricare il plugin in forma ridotta:
Versione 1.0