[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...
- 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.