Inserire i video di YouTube su Joomla con QTube

Una volta installato QTube per inserire i video all’interno dei nostri articoli basterà scrivere questo codice:

{qtube vid:=id_video}

Invece di id_video scriviamo la parte finale dell’indirizzo della pagina di YouTube nella quale si trova il nostro filmato, quella che si trova subito dopo il segno di uguale, come vedete nell’immagine sottostante. Abbiamo la possibilità di specificare per ogni video inserito, direttamente all’interno del codice, diverse impostazioni degli stessi parametri per la personalizzazione del video che abbiamo modificato precedentemente tra le opzioni del plugin. Se non specifichiamo altre indicazioni il video verrà mostrato con le impostazioni di default.

Ecco tutti i parametri a disposizione:

• w, h: servono ad impostare un valore in pixel di larghezza e altezza della finestra;
• c1, c2: consentono di scegliere due colori per i bordi e l’interno della finestra del video;
• b: impostiamo 1 come valore per mostrare un bordo, altrimenti 0;
• rel: impostiamo 1 per visualizzare i video correlati, altrimenti 0;
• ap: impostiamo 1 per abilitare l’autoplay, altrimenti 0;
• hd: impostiamo 1 per visualizzare il video in alta definizione, altrimenti 0;
• dc: impostiamo 1 per abilitare l’opzione “delayed cookies”, altrimenti 0;
• cl: permette di scegliere un’eventuale classe personalizzata dal foglio di stile css;
• id: permette di scegliere un eventuale id personalizzato dal foglio di stile css.

Usiamo questi identificativi se vogliamo utilizzare altri valori diversi da quelli impostati nelle opzioni del plugin, utilizzando questa forma:

{qtube vid:=uDdv9qQCkTc w:=400 h:=200 c1:=ffffff c2:=000000 b:=1 rel:=1 ap:=1 hd:=1 dc:=1 cl:=classe id:=id}

A differenza del plugin, utilizzando il modulo QTube possiamo aggiungere due ulteriori parametri:

• before video: per aggiungere una stringa di testo o del codice html prima del riquadro del filmato;
• after video: per aggiungere una stringa di testo o del codice html dopo il riquadro del filmato.

In basso potete vedere lo screenshot di un esempio di utilizzo pratico del componente aggiuntivo, ottenuto con il codice:

{qtube vid:=uDdv9qQCkTc w:=320 h:=267 b:=1 c1:=ffff00 c2:=9461ca ap:=0}

• <<
• 1
• 2
• >>