[Il metodo descritto in questo post è datato e ormai NON PIU' VALIDO, a causa di cambiamenti introdotti da youtube: non ve la prendete con me !]
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 tempo la visualizzazione di una versione in “alta qualità” (ora anche HD) 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à
NOTA: per un embedding in HD (alta definizione) basta sostituire il valore 18 con il valore 22.
AGGIORNAMENTO: Youtube ha introdotto un tasto “HQ” e “HD” nei player “embedded” per scegliere la riproduzione della versione in alta qualità: i metodi descritti per modificare il codice però sono comunque utili perché permettono di “forzare” la visualizzazione in alta qualità, mentre con il codice fornito da youtube continua, di default, a far vedere il video in bassa qualità e deve essere l’utente a selezionare la versione migliore, sapendo dell’esistenza del tasto).
Segui TuttoWebVideo Su :
Ti potrebbe interessare...
- YouTube e Alta Qualità: Come Inserire nel Tuo Sito i Video in Qualità Migliorata Youtube ora permette di vedere i video anche in una risoluzione maggiore: ma come fare...
- Pubblicare i Video di Youtube in un Sito: Usa il Generatore di Codice di Embedding Personalizzato ed Inserisci nel Tuo Sito Video in Alta Qualità Personalizza i video di youtube da inserire sul tuo sito:scegli di pubblicare in alta qualità,tra...
- Integrata la Visualizzazione in Alta Qualità Anche Nei Video di YouTube “Embedded” in Siti Web YouTube ha introdotto nei video "embedded" un pulsante in più (HQ) per vedere la versione...
- Scaricare i Video di Youtube: il Metodo Più Veloce 3outube: forse il metodo più veloce e semplice per scaricare i video di youtube, senza...
- Altra Novità Per Vedere I Video di Youtube in Alta Qualità Su TuttowebVideo è stato pubblicato un post ( Piccolo trucco per vedere i video su...
- Il Modo Più Veloce e Semplice Per Cercare ed Inserire Video nel Tuo Blog:MAGNIFY PUBLISHER Plugin per Wordpress e Movable Type: cercare i video online dal pannello di controllo del...
- Embedding in HD dei Video di YouTube Ora l' embedding in HD è integrato nel codice fornito di default da YouTube, senza...
- Piccolo Trucco Per Vedere i Video su Youtube con Una Qualità Migliore ecco come utilizzare un piccolo espediente per poter vedere i video di youtube con una...
01:28
E’ posibile farlo anche utilizzando il player contenente una palaylist di video ?
04:55
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.
03:52
Non funziona più il trucco.
Infatti il secondo video di esempio non si vede.
Come risolvere il problema?
05:35
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.
13:02
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.
14:11
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”.
08:03
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.
08:26
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.
10:34
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
14:29
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
23:15
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/
13:20
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
20:12
Ciao Alex,
complimenti per il tuo blog, l’ho trovato molto utile e interessante. Proprio per questo volevo segnalarti un altro sito dove ho trovato il codice per insirire i video in HD in youtube. Ovviamente per vedere i video in HD su youtube (se sono stati caricati in HD) basta aggiungere al codice url &fmt=22. Invece per inserirli nel proprio sito basta aggiungere &ap=%26fmt=22 in coda al codice “completo” del video. Quindi non come segnali tu per l’alta qualità ma in coda a tutti i parametri tipo:
“yMHQsjgQDrA&hl=it&fs=1&rel=0″ di solito il codice finisce così. A questo bisogna aggiungere “&ap=%26fmt=22″
Comunque il sito è
http://www.mydigitallife.info/2008/11/20/how-to-embed-and-play-720p-hd-high-definition-youtube-videos-fmt22-code-hack/
Sicuramente è più comprensibile di quello che ho scritto io. Grazie e spero di esserti stato utile così come tu lo sei stato per me.
Ale.
21:57
Grazie per il commento,
in effetti avevo già visto il post che mi segnali.
Il metodo descritto è esattamente uguale a quello che io ho esposto in questo articolo 4 mesi prima, solo che si riferisce alla versione HD (al tempo non supportata) e non in semplice “alta qualità”.
Anche il fatto che ci sia in più il codice “&hl=it&fs=1&rel=0″ non cambia nulla, quella è la parte che identifica la versione geografica di youtube dalla quale hai prelevato il codice e il fatto che vuoi o meno includere i video correlati nel player “embeddato”.
Mettere il suffisso &fmt=22 permette di vedere il video effettivamente in HD, ma ovviamente solo se è stato caricato con la risoluzione di 1280×720, altrimenti non ha senso ed è sufficiente &fmt=18(e attualmente i video caricati in HD non sono moltissimi).
Guarda caso tratterò questo argomento proprio nel post che pubblicherò domani, dato che solo da un paio di giorni YouTube supporta “UFFICIALMENTE” la visualizzazione in HD, nel senso che non servirà più mettere il suffisso “&fmt=22″ ma apparirà la scritta “watch in HD” invece di “watch in high quality”.
Però se non hai una connessione bella tosta lo vedi a scatti…
Un metodo ancora più veloce per ottenere il codice pronto per l’embedding in alta qualità è utilizzare il generatore di codice di embedding personalizzato:
http://tuttowebvideo.com/generatore-codice-embedding-personalizzato-per-video-di-youtube/
Penso che chiederò a chi l’ha sviluppato di inserire anche l’opzione per l’embedding in HD oltre che quello in alta qualità. Se lo provi comunque basta che sostituisci 22 dove trovi 18 nel codice che viene creato, ed ecco che il gioco è fatto.
Ciao
18:15
grazie era proprio quello che cercavo!!!!
22:33
Ciao.
Ho seguito con molto interesse questi progressi sul miglioramento dell’inserimento video ma…aimè non ne sono capace.
Ho postato un video su you tube e avrei piacere di inserirlo all’interno di una discussione su un forum; ma, quando copio ed incollo l?indirizzo,
nel forum vedo si l’indirizzo che ho scritto ma senza nessuna possibilità di rimando nella pagina di you tube. Come mai?
ho visto che sul forum sono lincati altri video..dove sbaglio?
grazie ciao
Fabio
ps questo è l’indirizzo del video:
http://www.youtube.com/my_videos_annotate?v=Z59S_xSWdTU
11:24
Il link che hai messo non è di un video, ma una pagina per le annotazioni.
11:43
o scusa…sono un pasticcione !!
questo dovrebbe essere giusto :
http://www.youtube.com/watch?v=VermMpRBtAE
grazie ancora ciao
13:54
Dipende tantissimo dal tipo di Forum in cui scrivi, la cosa più semplice è “copiare” quelli che ne hanno messo uno prima di te, prova a chiedere a loro
16:51
Ciao a tutti!
Volevo chiedervi se esiste lo stesso trucchetto ma per DAILYMOTION?
mille grazieeee
19:28
@Met: non penso, il player di dailymotion comunque , come quello nuovo di youtube, ha il tasto per selezionare se guardare in HQ o normale .
E’ vero che di default il player “embedded” di dailymotion mostra la risoluzione standard e non HQ, ma se il video è in alta definizione (HD) allora di default mostra HQ … spero sia chiaro …
08:30
Ciao,
non so se ancora qualcuno potrebbe leggere questo messaggio, ma mi sembra piuttosto interessante quanto trattate sopra e desidero esporre un altro problema che si verifica richiamando i video sul mio sito da youtube. Ovvero, alla fine del filmato visualizzo le miniature di altri video (esattamente come succede su youtube), l’unico problema e che sono tutti video di miei concorrenti e non mi sembra molto bello farli vedere nel mio sito.
Avete Soluzioni?
08:46
@ Giampiero: Quelli di cui parli sono i video correlati ed è ovvio che youtube includa tra essi anche quelli dei tuoi concorrenti.
Ma la soluzione c’è , ed è semplice: quando prendi il codice di incorporamento ( o codice di embed) da youtube per inserire il video nel tuo sito, basta che togli la spunta dove c’è scritto “mostra video correlati”, e solo DOPO copi il codice (infatti se non fai così, youtube di default fa vedere le miniature di altri video).
Volendo andare nel dettaglio, con questa operazione in pratica nel codice viene aggiunto in due punti il valore “rel=0″ che inibisce la visualizzazione dei video correlati.