Il Metodo Più Veloce Per Inserire in un Sito i Video di Youtube in Alta Qualità
Non molto tempo fa su TuttoWebVideo ho pubblicato un post in cui descrivevo come inserire ( o “embeddare” ) in un sito un video in alta qualità preso da Youtube.
Il famoso sito di condivisione video infatti ha reso disponibile ormai da qualche mese la visualizzazione di una versione in “alta qualità” dei video caricati ( a patto che si rispettino alcune semplici regole nella creazione dei filmati da uploadare).
Per chi vuole però prendere i video di Youtube e metterli in un proprio sito, blog o qualsivoglia pagina web, la realtà dei fatti (almeno per ora) è che il video inserito tramite l’utilizzo del “codice di embedding” (che in youtube si trova alla destra del filmato riprodotto) è ancora in bassa qualità.
Nel post che ho citato all’inizio descrivevo comunque un metodo per aggirare questa limitazione che prevedeva l’utilizzo di un codice di embedding leggermente diverso da quello fornito normalmente da Youtube.
I vantaggi del metodo descritto stavano sicuramente nel fatto di poter vedere filmati di buona qualità inseriti nel proprio sito . Gli svantaggi erano però costituiti dal fatto che il player riproduceva automaticamente il video una volta caricata la pagina in cui era “embeddato” e inoltre i tasti che apparivano alla fine del filmato (”share” e “replay”) non erano attivi.
Il metodo che invece sto per descrivere di seguito è ancora meglio perché elimina entrambi gli inconvenienti sopra citati ed inoltre è più semplice e veloce da mettere in pratica. Inoltre il player conserva tutte la caratteristiche di quello originale, con tanto di eventuali video correlati e tasti per la condivisione.
Ecco cosa fare per ottenere lo scopo.
Faccio un esempio concreto inserendo di seguito un video preso da youtube con il codice di embedding originale, senza modifiche, che determina quindi la visualizzazione in bassa qualità del video:
E di seguito la versione migliore inserita usando la piccola “aggiunta” al codice che descrivo subito dopo:
Riproducendo entrambi i video e mettendo poi in pausa i due player in uno stesso punto del filmato ci si rende conto ancora meglio della notevole differenza.
Per inserire la versione in alta qualità basta :
- prendere il codice di “embedding” o “codice da incorporare”.
- Nei DUE punti del codice in cui appare la URL del video ( in questo esempio http://www.youtube.com/v/zlfKdbWwruY ), dopo l’ “ID del filmato” evidenziato in rosso, aggiungere il suffisso &ap=%2526fmt%3D18 .
L’URL diventa così :
http://www.youtube.com/v/zlfKdbWwruY&ap=%2526fmt%3D18
- Usare il codice così modificato per inserire il video in alta qualità
YouTube e alta qualità: caratteristiche, formato e risoluzione ideali da usare per far si che un video uploadato su youtube sia visualizzabile in alta qualità...
Servizi gratuiti che consentono di fare il download e la conversione in molti formati dei video online presenti in siti come YouTube e simili (ma non solo)...
Sito che permette di aumentare l'interattività nelle discussioni nel proprio blog consentendo l'inserimento di commenti "video" ai visitatori...
E’ posibile farlo anche utilizzando il player contenente una palaylist di video ?
Purtroppo con le playlist il trucco non funziona.
Ho provato anche con servizi esterni che aggregano video tramite inserimento dei codici di embedding dei singoli filmati (ad es. vodpod)e forniscono un widget per embeddare la playlist ma l’esito è stato lo stesso.
Non funziona più il trucco.
Infatti il secondo video di esempio non si vede.
Come risolvere il problema?
Come ho già specificato in altri post talvolta youtube fa le bizze e riporta la dicitura “this video is no longer available” o altre stranezze anche se il video in realtà esiste ( a volte può dipendere anche dal fatto che flash player fa un po’ casino, a me capita talvolta con firefox 3).
In queste situazioni bisogna riprovare in un altro momento o chiudere e riaprire il browser.
Sono di ritorno oggi dalle vacanze e guardando questa pagina posso dire che i due video li vedo perfettamente, quindi il trucco funziona ancora.
Ciao e grazie per il post. Purtroppo non riesco a visualizzare il secondo video. Riesco a vedere l’anteprima, ma quando ci clicco sopra il video sembra caricarsi all’infinito. Dico sembra perché mentre vedo i pallini ruotare al centro dello schermo senza che nella barra inferiore ci sia alcun avanzamento. A cosa può essere dovuto? Esiste una soluzione?
Mi sarebbe molto utile, dato che ho inserito su youtube un video in HQ con lo scopo di embeddarlo nel mio sito personale. Sto utilizzando il codice da te fornito nel post precedente, ma l’opzione di autoplay mi disturba parecchio..
Grazie.
Ciao Giorgio,
per capire meglio il tuo problema avrei bisogno dell’URL del video di cui parli, quindi se vuoi rimanda un commento con l’indirizzo così posso dare un’occhiata.
Nel frattempo comunque ti consiglio di provare con il “generatore di codice di embedding personalizzato” che è uno strumento veramente semplice per ottenere quello che vuoi e anche qualcosa in più.
Il link a questo strumento lo puoi trovare in questa stessa pagina, guarda nella colonna a sinistra (in alto) dove c’è l’immagine del monitor verde con scritto “embed high quality”.
Ciao, l’URL del video in questione è questo:
http://it.youtube.com/watch?v=qsjJ6wHyz6k
Tuttavia non credo che il problema stia tanto nel mio video, quanto sulla stabilità del metodo. Mi spiego meglio: stamattina ho provato ad aprire il secondo dei due video che proponi (quello in HQ) e dopo un’attesa di una decina di secondi il video partiva. Ora invece succede quello che dicevo ieri: quando clicco sul play centrale compaiono i pallini che ruotano al centro dello schermo e nonostante attenda anche qualche minuto non succede nulla, il video non parte e nemmeno viene caricato.
Escludo che il problema possa dipendere dalla versione di browser, dato che ieri provavo con ie6 e oggi con ie7 e il risultato è il medesimo.
Il generatore di codice di embed? Mi sembra una trovata utile, ma se non riusciamo a venire prima a capo di questo problema purtroppo non posso servirmene (il risultato che ottengo è identico a quello del tuo video, una serie di pallini che continua a ruotare senza che il video venga caricato).
Grazie.
Ciao.
Premetto comunque che il metodo proposto nel precedente post all’indirizzo:
http://tuttowebvideo.com/youtube-e-alta-qualita-come-inserire-nel-tuo-sito-i-video-in-qualita-migliorata/
mi funziona. Dunque deve esserci qualcosa che non va nelle modifiche che hanno portato a questa nuova versione.
Ripeto: prova ad usare il generatore di codice di embedding, puoi anche eliminare il problema dell’autoplay oltre ad embeddare in alta qualità ancora più rapidamente(ti fornisce anche un’anteprima per vedere come sarà il video).
Ho provato anche col tuo video e a me funziona benissimo, lo vedo in alta qualità e non si impalla.
Più di questo no so che dire. Possono esserci molti motivi per cui incontri quel problema, che sinceramente io stesso talvolta incontro su video che guardo direttamente in youtube: ad esempio quando apro il browser tutto sembra ok, dopo un certo periodo della sessione di lavoro i video su youtube non riesco più a riprodurli (devo chiudere e riaprire il browser), non sono ancora riuscito a capire il perché ma non essendo video embeddati la problematica non ha nulla a che vedere con il codice di cui parlo in questo ed altri articoli.
Ultima nota: i video in alta qualità ci mettono di più ad essere caricati e sono più pesanti, se la connessione non è particolarmente veloce è meglio mettere in pausa il player ed attendere che si carichi tutto il flusso di streaming prima di riprodurre il filmato.
Ciao
mi piacerebbe tanto che questo metodo funzionasse
per questo mio video
http://www.youtube.com/watch?v=a4Zd38teJ-0
è il primo che pubblico con mie riprese e comporlo ha richiesto tanto lavoro.
Ho applicato il suffisso e pubblicato i video con e senza suffisso affiancati sul mio blog
http://alivento.wordpress.com/2008/09/09/suggestion-sea/
ma tra il primo e il secondo video (con suffisso) non noto differenza
invece nell’esempio qui sopra il video di matt (che peraltro conosco avendolo pubblicato sul mio blog perchè carinissimon) la differenza migliorativa dopo l’integrazione con suffisso è evidente
mi puoi aiutare? grazia
E’ strano che tu non riesca ad inserire il video in qualità migliorata, dato che sui server di youtube esiste, ho provato personalmente ed ho visto quello nettamente migliore (caso diverso è quando la versione in qualità migliorata non esiste xchè il file di origine “uploadato” è in un formato non ottimale).
Sei sicuro di aver fatto tutto nel modo giusto?
In ogni caso non stare a rivedere tutto, c’è una soluzione ancora più rapida: usa il generatore di codice di embedding , ho provato con il tuo video ed è tutto ok, ecco il link x questo strumento:
http://tuttowebvideo.com/generatore-codice-embedding-personalizzato-per-video-di-youtube/
basta che inserisci l’ID del video a4Zd38teJ-0#, scegli alta qualità ed ottieni il codice (puoi anche avere subito un’anteprima di come sarà).
Per ottenere risultati ancora migliori la prossima volta cura molto anche la qualità iniziale del filmato ed il formato del filmato stesso che devi uploadare su youtube, guarda questo post dove è piegato tutto ciò che serve sapere in merito:
http://tuttowebvideo.com/quali-sono-le-specifiche-ideali-ed-il-formato-migliore-per-un-video-da-uploadare-su-youtube/
Gentilissimo,
ho capito tutto. Sì avevo fatto tutto giusto, per quanto possa fare ormai considerando tutti i miei errori a monte (la risoluzione del filmato 720×576 ed i 25 fotogrammi al secondo anzichè 30) errori che ho compreso appunto leggendo i link che tu mi segnali che mi hanno guidata fino a qui.
Dicevo che ho capito tutto. Nel senso che avevo dimenticato ilimiti dell’editor html di wordpress che non ammette certi codici e li ignora semplicemente, quando non li elide del tutto.
La pubblicazione dei video presenti su youtube avviene copincollando in il link del video con la seguente stringa fra parentesi quadre
[youtube=http://www.youtube.com/watch?v=a4Zd38teJ-0#]
questo a seguire è il codice utilizzato tentando di ottenere la hight quality
[youtube=http://www.youtube.com/watch?v=a4Zd38teJ-0#&ap=%26fmt=18]
Ho ricordato i limiti di wordpress appunto vedendo il codice generato dal generatore a cui mi hai rinviato, dopo averlo copiato, incollato e salvato inutilmente nel post del mio blog.
Questo mi fa venire in mente che è ora che apra un blog su splinder (che quanto a codice html si comporta più comprensibilmente) nel quale pubblicare e a cui rinviare per cose che wordpress
non consente: il codice marquee tra l’altro ad esempio. Al momento, salvo che tu non abbia qualche migliore idea, per risolvere indirizzerò su youtube e sulla versione high quality del mio video che in quella versione è di gran lunga più decente. Infine ascolterò il tuo consiglio di stare più attenta la prossima volta. I fotogrammi al secondo li posso condizionare con il mio software per editare il video, la risoluzione immagino sia da impostare con la macchina che si usa per la ripresa. La mia per il video in questione è una fotocamera digitale.
Mi sono troppo dilungata, saluto quindi non senza prima averti nuovamente ringraziato per la gentilezza e l’ascolto.
Alivento