Personalizza il tuo video Player
Vi é mai capitato di voler inserire solo una porzione di un video di YouTube?
Capita spesso di voler condividere solo una parte di un video che magari contiene anche scene e parti che non vi interessano.
Come fare?
Abbiamo a disposizione tre alternative:
Caso A: Fare l'embed di un video di YouTube con lo Start Time
Si specifica il 'tempo' di inizio espresso in secondi per il video per il video di YouTube che avete intenzione di incorporare. Basta utilizzare il codice di embed standard ed aggiungere il parametro dello start time nell 'URL, come illustrato nell'esempio seguente:
<iframe width="500" height="300" frameborder="0" allowfullscreen src="http://www.youtube.com/embed/VIDEO_ID#t=1234s"></iframe>
Sostituite VIDEO_ID con l'ID effettivo del video di YouTube e cambiate 1234s con l'orario di inizio (in secondi) o start time che desiderate. Per esempio, se volete che il video avvii la riproduzione a 03:24 (mm: ss) , è necessario specificare i secondi in modo tale che t = 204S (60 * 3 + 24).
Caso B: Fare l'embed di un video di YouTube con lo Start Time & l' End Time
Il seguente video di YouTube, mostra solo un segmento di 2 minuti (22:10 – 24:26) , nel quale Steve Jobs annuncia l'uscita dell'iPhone.
Il codice embed strandard di YouTube non supporta il parametro End Time (fine del tempo), ma possiamo ricorrere all'utilizzo della API JavaScript di YouTube.
Ecco come si presenta il nuovo codice embed:
<div videoID="t2MOwQ089eQ" startTime="1330" endTime="1466" height="400" width="400" id="youtube-player"></div> <script src="http://labnol.googlecode.com/files/youtube-embed.js"></script>
Dovete solo sostituire l'ID del video, l'ora di inizio ( in secondi), l'ora della fine (sempre in secondi), l'altezza del video player (in pixel) e la larghezza del <DIV>.
basta aggiungere al codice dell’embed o dell’iframe i parametri &start e &end.
Detta così magari vi siete già spaventati :pp:, ma con un esempio vedrete che è una cosa semplicissima da attuare.
Caso C: Fare l'embed di un video di YouTube per i player tipo <object>
Vi basterà aggiungere dopo l’url del video la parte in grassetto
<object width=”425″ height=”349″><param name=”movie” value=”http://www.youtube.com/v/xxxxxx?fs=1&hl=en_US&rel=0;&start=1330&end=1466“></param><param name=”allowFullScreen” value=”true”></param><param name=”allowscriptaccess” value=”always”></param><embed src=”http://www.youtube.com/v/xxxxxx?fs=1&hl=en_US&rel=0;&start=1330&end=1466” type=”application/x-shockwave-flash” width=”425″ height=”349″ allowscriptaccess=”always” allowfullscreen=”true”></embed></object>
ovviamente sostituite a 1330 e 1466 i secondi da cui volete che inizi il vostro video e i secondi nei quali desiderate che termini.
Se il solo pensiero di mettere mano a un codice vi fa venire i capelli dritti potete utilizzare SnipSnip che crea il codice per voi.
Tutto ciò che dovrete fare è inserire nell’apposito campo vuoto l’url del video che volete condividere e premere Invio.
Appena il video sarà carivato vi basterà indicare il punto di avvio e di stop e cliccare sul pulsante snipt it .
Verrà restituito il codice embed e non dovrete far altro che copiarlo e incollarlo nel vostro sito o blog!
Janeth Kent
Licenciada en Bellas Artes y programadora por pasión. Cuando tengo un rato retoco fotos, edito vídeos y diseño cosas. El resto del tiempo escribo en MA-NO WEB DESIGN END DEVELOPMENT.