[AGGIORNAMENTO : Il metodo descritto in questo articolo per "embeddare" i web video in alta qualità nel proprio sito è ormai sorpassato e non è più affidabile e potrebbe non funzionare più (se è così lo noterai dai video di esempio inseriti di seguito nel post) : quindi consiglio sicuramente di provare quello più valido, semplice e rapido descritto nel post "Il metodo più veloce per inserire in un sito i video di youtube in alta qualità" o , ancora meglio, di leggere l'articolo "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à"] .
Non è più un mistero che negli ultimi mesi Youtube abbia fatto un passo in avanti per quanto riguarda la possibilità di riprodurre i filmati in qualità migliorata (sia video che audio) rispetto a quella a cui siamo stati abituati e per la quale Youtube è sempre stato criticato ( anche in virtù della qualità video nettamente migliore di altri servizi di video sharing meno famosi).
Chi ha già inserito almeno una volta un filmato di Youtube nel proprio blog o sito avrà certamente notato come i video “embeddati” siano comunque nella versione a bassa qualità, nonostante sul sito di Youtube sia possibile visualizzare la versione a risoluzione migliore (a tal proposito vedi anche i post “piccolo trucco per veder i video su youtube con una qualità migliore” e “altra novità per vedere i video di youtube in alta qualità” ).
Ma come posso fare per inserire nel mio sito la versione del video in alta qualità (presente sui server di Youtube) dato che il codice di “embedding” fornitomi visualizza comunque la versione a bassa qualità.
Non so se Youtube introdurrà delle novità in tal senso per facilitare questo compito (ovvero la possibilità di usare nel nostro sito la stessa versione in “alta qualità” che possiamo vedere sul portale di video sharing), ma al momento attuale utilizzo un “espediente” per ottenere il risultato (vedi altri aggiornamenti in tal senso alla fine del post, comunque ora è stato introdotto un tasto “HQ” nel player per vedere la versione migliore).
Innanzitutto voglio dare un esempio visuale di ciò di cui sto parlando. Sotto ho “embeddato” due versioni dello stesso video, la prima in bassa qualità, la seconda in qualità migliore :
In questo video di esempio può essere che la differenza non sia subito percepibile perché anche la versione “peggiore” è in realtà in ottima qualità in confronto alla media di ciò che si vede su Youtube! (evidentemente chi ha caricato il video un po’ se ne intende…).
Per vedere la differenza consiglio di mettere in pausa entrambi i player (ad es. dopo dieci secondi, quando si vede il gatto in primo piano) e notare la differenza di nitidezza tra le immagini .
La differenza qualitativa dell’audio è invece immediatamente percepibile.
ED ECCO COSA BISOGNA FARE PER INSERIRE IL VIDEO DI BUONA QUALITA’
Innanzitutto guardiamo come si presenta il classico codice di embedding per questo video di esempio che ho scelto:
<object width=”425″ height=”344″><param name=”movie” value=”http://www.youtube.com/v/PkprDR6ZGGo&hl=en&fs=1&rel=0″></param><param name=”allowFullScreen” value=”true”></param><embed src=”http://www.youtube.com/v/PkprDR6ZGGo&hl=en&fs=1&rel=0″ type=”application/x-shockwave-flash” allowfullscreen=”true” width=”425″ height=”344″></embed></object>
Se vuoi inserire il video in alta qualità nel nuovo blog, invece di usare questo codice normalmente fornito segui queste operazioni:
- Copia e incolla sul blocco note il codice che ho riportato nel box sottostante
- guarda qual’è l’URL del video nel browser, e dall’URL copia il codice ID del video. A titolo di esempio si veda lo screenshot di un altro video che ho riportato sotto: il codice in questione è quello evidenziato nell’immagine dopo il simbolo “=”
Attenzione: se al video arriviamo tramite i “video consigliati”, “video correlati” ecc…, l’URL si presenta in maniera differente, ma come si vede sotto possiamo sempre estrapolare l’ID del video:
In questi casi si prende il codice incluso tra “=” ed “&” : http://www.youtube.com/watch?v=icJ-qNA5wpg&feature=related
- Nel codice che hai precedentemente copiato sul blocco note sostituisci la dicitura CODICE_VIDEO (che è presente due volte) con l’id effettivo del video desiderato ( in questo esempio icJ-qNA5wpg) .
- Puoi copiare ed utilizzare tutto il codice finale così modificato ed utilizzarlo per l’ “embedding” (inserimento) nel blog o sito
Nota: dato che si sta parlando di “embedding”, per i blogger che usano wordpress già che ci sono mi sento di consigliare il plugin EMBEDIT per inserire video (e non solo) nel proprio blog .
Secondo me non ha eguali ed è molto meglio di tanti altri che sono proposti specificamente per i video ma che spesso scombinano tutto il template del blog o creano altri problemi.
Detto questo, voglio precisare che non è assolutamente detto che questo metodo funzioni per tutti i video presenti su Youtube (anzi per quelli vecchi è improbabile) e non so neanche se funzionerà sempre (youtube ultimamente è molto attivo sul fronte dei cambiamenti) .
Comunque, se ti interessa inserire nel tuo blog video in qualità migliorata presi dall’archivio del colosso del video sharing, può valer la pena provare. Un difetto che si riscontra usando questo “trucco” è che il tasto “share”, che appare alla fine del video per condividere il filmato, sembra non funzionare.
Una nota: può succedere che talvolta i video “embeddati” non siano visibili perché appare il messaggio “this video is no longer available” – questo è un vecchio difettuccio di Youtube.
In questi casi consiglio di chiudere e riaprire il browser ( è un problema che si può avere anche con i video embeddati nel modo tradizionale). Se il problema persiste vuol dire che per qualche ragione non è possibile l’embedding della versione in alta qualità (come ho accennato prima non sempre funziona…) oppure, talvolta, il video è stato veramente rimosso da Youtube!
Lo spunto per scrivere questo articolo l’ho preso da un post apparso su www.Willfjohnston.com. [
AGGIORNAMENTO : Girando su internet ho scoperto un altro trucco per inserire nel proprio blog o pagina web i video "embeddati" in alta qualità, più valido, semplice e veloce. Per saperne di più guarda il post "Il metodo più veloce per inserire in un sito i video di youtube in alta qualità"].
ALTRO AGGIORNAMENTO: Youtube ha introdotto un tasto “HQ” 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...
- 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...
- Il Metodo Più Veloce Per Inserire in un Sito i Video di Youtube in Alta Qualità Come inserire un video un video di youtube in alta qualità all'interno del proprio sito...
- 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...
- Altra Novità Per Vedere I Video di Youtube in Alta Qualità Su TuttowebVideo è stato pubblicato un post ( Piccolo trucco per vedere i video su...
- Fare l’Embedding di un Channel di Youtube nel Tuo Sito YouTube fornisce il codice per effettuare l'embedding di un Canale e non solo dei singoli...
- USERPLANE: Come Inserire Una VideoChat nel Tuo Sito (e Magari Guadagnarci Anche) Userplane.com fornisce varie web application per inserire una video chat in un sito, blog o...
- Come Inserire Un Intero Channel di Youtube Nel Tuo Blog Grazie ad Apture Ecco come fare l'embed di un Channel di Youtube in una pagina web, aggiungendo anche...
- 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...
02:26
Salve, ho seguito i vs. consigli per inserire un video ad alta qualità su You Tube, pero c’è un problema il video normalmente e 16/9 quando inserisco il codice dell’alta qualità e visualizzo il video non è piu in sedici noni e purtroppo le figure vengono un pò storpiate, guardavo i vs. due video e vedo che nel vs. caso le forme sono rimaste le stesse e la qualità ovviamente è migliore, come mai? c’è qualche trucchetto in piu che magari nn so?
11:43
Ciao riccardo,
puoi mettere nei commenti la URL del video che hai caricato su youtube e anche quella della pagina dove è stato inserito il video “embeddato” che risulta “deformato”?
Dovrei vedere il problema per poterti rispondere a dovere.
00:26
Ciao e grazie della risposta, se vai in questa pagina trovi il video http://blog.network-service.it/2008/06/video_marketing_per_hotel_lancio_del_nuovo_servizio_di_network_service.html
in bassa quelità me lo fa vedere in 16/9 mentre in alta qualità a tutto schermo e se ci fai caso le persone sono allungate rispetto al Video in bassa Qualità, io mi chiedo se è possibile mantenere la stessa risoluzione Video della Bassa Qualità.
Ti ringrazio se riesci ad aiutarmi.
Saluti
Riccardo
09:36
Ho visto il tuo video, anche su youtube (effettivamente quest’ultimo è nelle proporzioni corrette).
Guardando il sito in cui è stato inserito e spulciando il codice della pagina sembra che il codice di “embedding” in qualche modo si “rompa”, ho provato ad inserirlo anche io in una pagina web e succede lo stesso. Sinceramente non so dirti il perché dato che a me non era successo, potrebbe dipendere in qualche modo dal formato/risoluzione del filmato originale.
In ogni caso ti do un consiglio che potrebbe aggirare il problema (e secondo me è la soluzione migliore): puoi sempre lasciare il filmato su youtube in modo che chi si reca lì lo possa trovare, ma puoi registrarti anche gratuitamente su blip.tv ( http://blip.tv/ ), uploadare li il tuo filmato ed usare quel codice di embedding. Blip.tv è in assoluto una delle migliori piattaforme per pubblicare video online e se devi inserire filmati in un sito secondo me pochi lo eguagliano . Con blip.tv il video “embeddato” è già in ottima qualità di default, senza fare modifiche al codice.
Se invece il video non l’hai caricato tu e lo trovi solo su youtube non saprei cosa dirti perché, come ho detto prima, è una anomalia che non ho mai riscontrato. Penso comunque che in futuro youtube consentirà l’embedding direttamente del video in alta qualità senza che si debba mettere mano al codice.
07:47
Grazie mille per la risposta vediamo di seguire il tuo consiglio, grazie!!!
13:36
Risolto il problema dell’autoplay. Basta aggiungere, nel codice di embed indicato, la scritta &autoplay=0 in coda nelle stringhe di value e src. In soldoni, il codice
value=”http://www.youtube.com/swf/watch.swf?video_id=CODICE_VIDEO&vq=2&fmt_map=6/720000/7/0/0″
diventa
value=”http://www.youtube.com/swf/watch.swf?video_id=CODICE_VIDEO&vq=2&fmt_map=6/720000/7/0/0&autoplay=0″
Stesso dicasi per
src=”http://www.youtube.com/swf/watch.swf?video_id=CODICE_VIDEO&vq=2&fmt_map=6/720000/7/0/0″
Saluti.
10:06
Ciao Alex,
mi resta un ultimo problema: i video correlati. Ho fatto alcune ricerche, e sembra che il trucco per evitare di mostrarli sia inserire &rel=0 proprio appena dopo l’id del video. Purtroppo, però, il metodo sembra non funzionare: sembra che youtube ignori completamente questa aggiunta. Il codice di embed che uso è:
Suggerimenti? (Premessa: il generatore di codice di embed non mi funzionava e il metodo illustrato in questa pagina sembra l’unico valido).
Grazie mille.
10:16
Argh! Non mi ha preso il codice. Comunque il codice è quello che proponi nella casella di testo con:
value=”http://www.youtube.com/swf/watch.swf?video_id=qsjJ6wHyz6k&rel=0&vq=2&fmt_map=6/720000/7/0/0&autoplay=0″
src=”http://www.youtube.com/swf/watch.swf?video_id=qsjJ6wHyz6k&vq=2&fmt_map=6/720000/7/0/0&autoplay=0″
12:48
Con questo metodo il trucchetto di aggiungere “&rel=0″ nel codice di embedding non funziona, in fondo come avevo già detto il codice proposto in questo post era in un certo senso una forzatura.
La personalizzazione del codice per far vedere o meno i video correlati te la fornisce direttamente youtube cliccando sulla rotellina a fianco del codice di embedding (includi video correlati – non includere video correlati).
Se poi prendo il codice originale di youtube così fornito (senza video correlati , e vedo che appunto ha il suffisso “&rel=0″ ) e lo modifico aggiungendo subito dopo l’ID del video il suffisso “&ap=%26fmt=18″, ottengo un video “embeddato” in qualità migliorata, senza autoplay e senza video correlati.
Ecco la prova: http://tinyurl.com/3tzpcz
Comunque rinuncio a capire perchè non ti funziona il generatore di codice di embedding , ho chiesto a molte persone e sembra andare molto bene…
Può dipendere da come viene fatto l’embedding del codice, ma ovviamente non conscendo la situazione specifica non posso dirti di più.
19:53
Scoperto l’arcano. Non avevo l’ultima versione di flash player installata, per questo il metodo non funzionava! Grazie comunque per l’assistenza.
14:37
Ciao Alex, trovo i tuoi post riguardanti YouTube interessantissimi e molto utili. Prima di venire al mio piccolo problema ti chiedo il permesso di linkare questo articolo e quello sul formato migliore per YouTube nel mio blog http://www.orabastablog.com e nell’altro in cui scrivo e non sono l’amministratore: http://barpsichedelico.blogspot.com .
Veniamo al mio piccolo problema: inserendo il codice per embendare in alta qualità il video, quando si va a visionare il post sopra al video stesso compare la seguente scritta: value=”http://www.youtube.com/swf/watch.swf?video_id=oUZOkt5ZdDA&vq=2 che puoi vedere direttamente a questo link : http://barpsichedelico.blogspot.com/2008/09/sbk-presentazione-fotografica-della.html
Mi farebbe piacere una tua risposta, grazie mille. Puoi anche scrivere se ti va al seguente indirizzo di posta: redblog@orabastablog.com
Un saluto, Marco
14:41
…..e con autoplay=0 , compare anche autplay=0″
Come si può risolvere il problema?
Un saluto, Marco
16:29
Ciao Marco,
ovviamente puoi linkare gli articoli che vuoi, anche se il metodo descritto in questo post è un po’ datato ed in successivi articoli ho riportato dei modi più efficaci per effettuare l’embedding in alta qualità.
In particolare ti consiglio di usare per i tuoi video il metodo descritto nel post:
http://tuttowebvideo.com/pubblicare-i-video-di-youtube-in-un-sito-usa-il-generatore-di-codice-di-embedding-personalizzato-ed-inserisci-nel-tuo-sito-video-in-alta-qualita/
Il tool di cui parlo in quell’articolo genera un codice più “pulito” di quello usato in questo post e non dovresti avere problemi.
Prova e fammi sapere se si risolve il tutto.
Comunque la dicitura “&autoplay=0″ che visualizzi dopo il filmato embeddato altro non è che una parte di codice che evita al video di partire in autoplay. Probabilmente hai inserito il codice di embedding con qualche errore di sintassi, a volte basta anche uno spazio in più.
Comunque ripeto: prova ad usare il generatore di codice di embedding personalizzato e non dovresti avere problemi.
19:13
Ciao Alex e grazie mille per l’immediata risposta. Nella prossima embeddazione di un video proverò il generatore che hai descritto in questo post. Grazie ancora!
07:57
Ciao Alex,
c’è modo di evitare la visualizazione dei video correlati mentre le persone guardano un nostro video?
Mi spiego ho inserito un filmato su youtube e nella lista dei video correlati che appare vi sono filmati non attinenti al tema oggetto del video, non è un gran problema se non fosse che alcune persone credono che quei filmati siano di nostra produzione.
grazie per l’aiuto
09:57
Puoi decidere se includere o non includere i video correlati che appaiono nel player di youtube soltanto qualora questo sia inserito (“embeddato”) in un sito (per fa ciò basta cliccare la “rotellina” a fianco del codice da incorporare e scegliere di non includere i video correlati in modo da ottenere un codice personalizzato).
Se invece il tuo desiderio è quello di non far apparire certi “video correlati” direttamente sul sito di youtube, beh questo non lo puoi fare.
Però, siccome youtube sceglie i related videos in base a vari criteri, tra i quali il principale è un utilizzo comune di tags e parole chiave nel titolo e descrizione, puoi guardare quelli che ti sono più “sgraditi” e veder se hanno delle particolari parole chiave nella descrizione che coincidono con le tue (così puoi provare a rimuovere queste keywords dal tuo video e veder cosa succede dopo almeno un giorno o più, dando a youtube il tempo di aggiornarsi).
Ma sinceramente ti consiglio di fare un’altra cosa: perché non usi la nuova funzionalità di “annotazioni” di youtube e metti una nota in sovrimpressione alla base del video con scritto “clicca qui per vedere tutti i nostri video” (o qualcosa di simile), in modo che cliccandola l’utente vada direttamente alla pagina del tuo “channel” di youtube dove ci sono tutti i video?
Guarda questo articolo per capire di che si tratta:
http://tuttowebvideo.com/grande-novita-su-youtube-ecco-come-aggiungere-note-interattive-e-links-allinterno-dei-video/
Facendo questo induci in maniera più forte l’utente a cliccare su quella nota piuttosto che cercare tra i video correlati, almeno in parte.
In aggiunta puoi anche mettere le URL degli altri video pubblicati nella descrizione a lato, ricordandoti di includere anche “http://” all’inizio dell’indirizzo, se metti solo “www” non sono cliccabili.
Ciao
00:57
Ciao Alex,
grazie per la pronta risposta.
Avevo già provato a cambiare sia il tag che il titolo, passate un paio di settimane i video correlati sono sempre gli stessi, quindi farò come tu mi hai indicato, userò la nuova funzionalità inserendo in sovraimpressione l’indirizzo del mio “channel” di youtube.
grazie per l’aiuto.
ciao
17:16
un gatto molto simpa f.p online of www era prima
01:08
Ciao, come faccio a inserire un video senza i correlati? Qual è la parte di codice che devo copiare?
Grazie!
02:24
Il metodo descritto qui, come ho già fatto notare all’inizio del post, è un po’ datato.
Il modo più semplice (senza modifiche manuali) per inserire un video in una pagina web in alta qualità e senza video correlati è usare il generatore di codice di embedding, lo trovi qui:
http://tuttowebvideo.com/generatore-codice-embedding-personalizzato-per-video-di-youtube/
usando questo tool basta che NON selezioni la voce “mostra video correlati” ed il codice creato sarà pronto per essere embeddato (puoi scegliere l’alta qualità e anche HD, il codice sarà creato automaticamente).
Mentre se l’embedding viene fatto in bassa qualità il codice senza video correlati te lo fornisce direttamemte youtube, basta cliccare la rotellina e deselezionare la voce “includi video correlati” (in pratica non fa altro che aggiungere “&rel=0″ )
03:07
tutto il giorno a smanettare…
ho caricato il video “trailer mio fratello è un ragazzo fermo” su youtube
ho copiato e incollato &fmt=18 alla fine del URL
e così posso vederlo a alta qualità però la cosa che non riesco a fare e cambiare l’embeded come qui sopra spiegato nè a riproporzionare il formato che è più schiacciato rispetto all’originale 16/9
grazie per qualunque aiuto
Davide
09:38
Ciao,
come già accennato all’inizio del post il metodo descritto qui è oramai un po’ datato. Prova ad usare il generatore di codice, lo trovi qui:
http://tuttowebvideo.com/generatore-codice-embedding-personalizzato-per-video-di-youtube/
Se il filmato ti viene schiacciato ancora vuol dire che hai sbagliato qualcosa tu, forse nella fase di encoding.
23:55
ciao ho inserito dei video su youtube con account diversi per fare in modo che non siano correlati tra loro, poi ho messo i video su diverse pagine di uno stesso sito ed è capitato che sono diventati correlati tra loro allora ho inserito il codice &rel=0 per fare in modo che chi vedesse il video sul sito non avesse visto i video correlati; però se dal sito clicca sul video youtube, va su youtube vede il video e ci sono anche i video correlati…come è possibile? si sono correlati su youtube perchè sono collegati ad uno stesso sito?
come faccio a non correlarli
oppure come faccio a non far comparire i miei video in nessuna correlazione?
grazie e easpetto
10:02
Nell’embedding per non far apparire i correlati va bene fare come hai descritto, ovvero mettere l’attributo &rel=0.
Ma su youtube i video vengono correlati comunque, se hanno qualche cosa in comune nei metatag descrittivi, ovvero titolo, tag, descrizione.
L’ unico modo per non farli apparire come correlati è usare titoli, tag e decsrizione che non abbiano qualcosa in comune, ma se trattano argomenti simili non avrebbe senso perché vorrebbe dire mettere , per alcuni, dei dati fuorvianti rispetto al contenuto, con il risultato che che i video riceveranno meno visualizzazioni …
Se mi lasci le URL dei video come esempio posso vedere meglio, altrimenti è tutto un discorso teorico .
16:00
Ciao!
Oggi cercavo di mettere un video you tube sul mio blog dove m’interessava di più l’audio in HQ….
Ho seguito i vari post del sito.. ma ad oggi forse con le modifiche che ha apportato you tube non vanno più!
Quindi è impossibile allocare sul proprio blog o sito un video che parta direttamente a.. 360p (solitamente i video che trattano musica portandoli a questa riproduzione si sentono bene) oppure 480p come questo video in questione.
http://www.youtube.com/watch?v=zaALKdwa6LQ
se lo metti a 480p noterai come l’audio sia perfetto! rispetto alla riproduzione normale che you tube offre!
fammi sapere se ce un modo innovativo!
19:48
@IL MONTES: questo post e gli altri su questo argomento sono vecchi ed infatti quello che dici è vero, al momento ciò che veniva descritto qui non è più valido.
Si può fare l’embedding in HD selezionando semplicemente la casella sotto il codice di embed fornito da youtube mentre (non si sa come mai) la riproduzione “forzata” in 480p non te la fanno più fare , deve essere l’utente a scegliere dal menu a tendina tutte le qualità possibili del video embedded (si può sempre ricordare agli utenti che esiste questa opportunità…).
In pratica hanno inserito il valore &hd=1 per l’alta definizione e quelli che andavano prima come (22, 18) per l’embedding non funzionano più, funzionano ancora su youtube stesso se li metti alla fine dell’URL ma non negli embed).
Secondo me qualcosa cambierà ancora in futuro.
P.S Ma se Il video è tuo non ci sono problemi ! metti, nel campo dove inserisci i tra i tag del video, questo valore: yt:quality=high.
Serve a riprodurre sempre nella max qualità disponibile per quel video, sia su youtube che negli embed
Altrimenti si può decidere la qualità si riproduzione con javascript ma devi un po’ smanettare:
http://code.google.com/apis/youtube/js_api_reference.html#Playback_quality
Se ci saranno novità, un post su questo argomento è garantito.