Validare il codice di YouTube e simili

Salve, sono Spugna, il segretario del Capitano: se sei nuovo da queste parti, sottoscrivi il feed RSS per restare aggiornato sulle novità del Capitano. Ahrrrr!

Salve, sono Spugna, il segretario del Capitano, e vorrei avvisarvi che questo articolo che state leggendo venne scritto piu' di 6 mesi fa. Quindi le notizie in esso contenute potrebbero non essere piu' valide.

Uno dei problemi ai quali si va incontro, quando si postano dei video presi da servizi come YouTube, DailyMotion, Metacafè, e simili, è quello della validazione della pagina.
Il codice fornito da questi servizi, infatti, una volta caricato nelle proprie pagine, comporta il fallimento della validazione del codice.
Per poter passare l’esame, ed avere del codice valido nonostante la presenza di questi video, occorre manipolare il codice HTML fornito da questi siti, cambiandolo quel poco che serve a passare il test.
In realtà esistono anche tools come questo, che permettono, con un semplice copia e incolla, di ottenere con un semplice clic il codice che permetta di inserire un video di YouTube passando la validazione. Tuttavia si tratta di soluzioni spesso non definitive, in quanto magari mirate a deterimanti siti (quello in questione, ad esempio, converte il codice di YouTube, ma non altri).
Cosa fare nel caso si volesse inserire dei video indipendentemente da quale sito li si vada a prendere?
Ebbene, la soluzione forse migliore è quella suggerita in questa pagina di Sample The Web.
In pratica, si procede in questo modo: invece di inserire nel vostro post il codice fornitovi dal sito, usate questo codice qui

<object type="application/x-shockwave-flash" data="[INSERITE QUI L'INDIRIZZO DEL VIDEO PRESO DAL CODICE EMBED FORNITO DAL SITO]” width=”400″ height=”326″><param name=”movie” value=”[INSERITE QUI L'INDIRIZZO DEL VIDEO PRESO DAL CODICE EMBED FORNITO DAL SITO]“/><param name=”FlashVars” value=”playerMode=embedded” /></object>

Ovviamente dovrete sostituire la parte [INSERITE QUI L'INDIRIZZO DEL VIDEO PRESO DAL CODICE EMBED FORNITO DAL SITO] con, appunto, l’indirizzo del filmato che volete includere nel post.
Fatto questo, nel vostro sito comparirà il video che voi vorrete, ed in più il vostro codice XHTML risulterà valido.


Technorati Tags: , , , , , ,

 

3 Commenti a " Validare il codice di YouTube e simili " »

Questo post é stato scritto Giovedì 5 Luglio 2007 alle 00:08:36 da Uncino, ed é archiviato nelle categorie Webdesign e CSS .
Puoi seguire le risposte a questo post attraverso il feed RSS 2.0 o il feed ATOM.
Puoi lasciare un commento, o inviare un trackback dal tuo sito tramite il seguente indirizzo: http://www.uncino.net/2007/07/05/validare-il-codice-di-youtube-e-simili/trackback.

  1. BlogMasterpiece | 19 Novembre 2007 alle 13:10:25

    utilizzando questo codice, i post contenti video risultano validi per il W3C sia per XHTML sia per feed ma il feed validator da questa Recommendations :
    content:encoded should not contain object tag

    e’ possibile ovviare a questo ?

  2. Uncino | 20 Novembre 2007 alle 07:39:55

    Guarda, lì non c’è da ovviare tanto a chissà cosa. Mi spiego: quello che compare lì è una, come hai giustamente notato anche te, una raccomandazione. Nulla di più.
    In pratica esistono alcuni elementi, nei feed, che possono contenere dei tag HTML. Alcuni di questi tag, però, potrebbero senza volerlo causare degli effetti indesiderati in alcuni lettori di feed via browser.
    Feed Validator pertanto evidenzierà sempre questi tag che potrebbero creare di questi fastidi. Alcuni sono: embed, noscript, object, script.
    Non si tratta quindi di nulla di che, se non di una, se mi passi il termine, ulteriore misura cautelativa che serve solo a fare prestare attenzione.
    Di solito però, quando abbiamo feed generati da strumenti come WordPress è difficile che si possano verificare di questi problemi (sembra che non si abbiano dei plugin che creano loro i problemi), perciò penso che si possa sorvolare
    Per la serie: fossero questi i problemi ;-)

  3. Gianfranco | 29 Gennaio 2008 alle 14:33:22

    Tra le decine di soluzioni proposte in giro per la rete questa è la prima a funzionare alla PERFEZIONE!
    Complimenti e grazie!!

Lascia un Commento

Subscribe without commenting


XHTML:É permesso usare questi tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

(*) campi obbligatori.

Gravatar:
Questo sito utilizza il sistema Gravatar: si tratta del Global Recognized Avatar, ovvero un Avatar che individua l' utente a seconda del suo indirizzo e-mail.
Se l'email che inserite nel form é stata usata per impostare un account gravatar, questo farà apparire una immagine a lato del post.
Per maggiori informazioni, e per scoprire come utilizzare Gravatar sul vostro blog, visitate il sito www.gravatar.com