Nicola Ferrari - Ferro

Al mondo ci sono solo 10 tipi di persone: chi comprende il sistema binario e chi no

 

Plugin Jquery: Youtube

 

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