Pubblicare video con codice XHTML valido

Valid XHTML 1.0 TransitionalSe sei un maniaco della validazione dei tuoi documenti XHTML, e quindi anche del tuo blog, ti sarai già accorto che il codice che viene fornito dai siti di condivisione video come ad esempio YouTube, Google Video e TuoVideo non è un codice valido, in quanto contiene il tag <embed> che non è approvato. Molte persone hanno risolto il problema semplicemente evitando di pubblicare video sul proprio blog, al massimo aggiungendo un link per andarselo a vedere direttamente sul sito di origine. In realtà esistono almeno due metodi per continuare tranquillamente a pubblicare video mantenendo validi i propri documenti XHTML. Il primo consiste nell’utilizzare un codice riveduto e corretto:

<object type="application/x-shockwave-flash" data="XXX" width="YYY" height="ZZZ"><param name="movie" value="XXX" /><param name="FlashVars" value="playerMode=embedded" /></object>

dove al posto di XXX andrà inserita la url contenuta nel codice embed fornito dal sito, al posto di YYY la larghezza (425 per YouTube, 400 per Google Video e 320 per TuoVideo) ed al posto di ZZZ l’altezza (344 per YouTube, 326 per Google Video e 260 per TuoVideo).

Il secondo metodo, adatto però solo per gli utilizzatori della piattaforma WordPress, consiste nell’installazione di un apposito plugin che svolga automagicamente per voi il lavoro sporco: io personalmente utilizzo e vi consiglio Embedded Video With Link, che al momento supporta 18 diversi siti di condivisione video, è dotato di una pagina di configurazione, si integra alla perfezione con l’editor avanzato di WordPress ed ha altre simpatiche caratteristiche che lo rendono semplicissimo da utilizzare e completo. Ti ricordo che la validazione XHTML è un semplice controllo sintattico che comunque non assicura il funzionamento e la corretta visualizzazione dei tuoi documenti su tutti i browser: tuttavia, se ti reputi un utilizzatore avanzato del web, è una pratica fortemente consigliata.

20 commenti »
  1. Commento by Tambu, 4 giugno 2007 @ 16:19

    ah, il famoso metodo “flash satay” :)

  2. Commento by Arcadi, 4 giugno 2007 @ 16:42

    firulì firulà…è arabo questo qua….

  3. Commento by garbaland, 4 giugno 2007 @ 18:49

    Bookmarkato. Grazie.

  4. Commento by Fabrizio, 4 giugno 2007 @ 21:13

    Ciao
    io uso WP-Video come plugin: è ottimo, è sufficiente mettere l’url del video tra i tag [video] e [/video], ma ha un grande difetto, ossia i video non si vedono nei feed RSS. Il plugin che usi tu lo fa?
    L’alternativo era mettere l’oggetto embed. Ma con le versioni precedenti a WP 2.2, il tag “embed” veniva mal interpretato e l’unico modo perchè funzionassi era modificare un file dell’editor. Ora il baco pare risolto, ma se provo a farlo,o, mi sballa tutta la formattazione del post, mettendo il video tutto a sinistra, decentrato. Misteri…

  5. Commento by neon, 4 giugno 2007 @ 21:51

    Non conoscevo il plugin per WP ma tempo fa ho letto questo articolo e mi sono scritto un bookmarklet per youtube.

    Dovrebbe funzionare con tutti i browser mozilla. Si trova qui.

  6. Commento by maxilprof, 5 giugno 2007 @ 0:56

    Grande e utile post!!! Ho finalmente capito come mai blogspot si rifiutava di pubblicare i video sui miei post… In ogni caso, usando Post2blgog ho bypassato il problema (nell’anteprima del post il video non si vede ma poi il video gira senza problemi su blogspot…). Mi piace però capire il perché delle cose, quindi grazie ancora… (poi basta con i complimenti)

  7. Commento by Barbara, 5 giugno 2007 @ 15:02

    Interessante! Non sono una maniaca (o almeno…non della validazione del codice :P ) ma prendo nota

  8. Commento by SBLOOB, 5 giugno 2007 @ 16:02

    visto che vivi in abruzzo voglio metterti al corrente di questa situazione:
    http://sbloob.pt-art.it/index.php/2007/06/05/disabili-tremila-euro-per-un-mouse/

    ciao

  9. Commento by GDL, 6 giugno 2007 @ 14:17

    Da profano della materia ne ho sentite di tutti i colori, ma qualcuno mi sa spiegare se effettivamente ha un senso la validazione?
    grazie

  10. Commento by sotér, 7 giugno 2007 @ 11:16

    Oh, meno male che c’è Maxime che mi risparmia il giro per i repository di plugins per WordPress :-D
    Grazie per la segnalazione!

  11. Commento by Tom, 8 giugno 2007 @ 11:55

    Caro Maxime,
    vorrei approfittare del fatto che sei un vero esperto dell’informatica dei blog per chiederti una piccola consulenza.
    Ho costruito il mio blog seguendo gli standard indicati dalla piattaforma Blogger e ho abilitato i “feed sito”. Ma è sufficiente questa impostazione per consentire agli altri di avere feed dal mio blog oppure devo fare qualcos’altro? il dubbio mi deriva dal vedere che molti blog presentano le piccole icone RSS, Atom, ecc. che il mio blog non ha. Ma vedo che neanche il tuo le ha.
    grazie

  12. Commento by Tom, 8 giugno 2007 @ 11:59

    Mi correggo: il tuo l’RSS ce l’ha. RSS. L’ho visto solo adesso.

  13. Commento by Simonlain, 8 giugno 2007 @ 16:02

    @ MAXIME

    Grazie per la segnalazione. Stavo utilizzando WordPress Video Plugin ma non mi soddisfaceva proprio perchè dà un errore di validazione. Provo subito Embedded Video With Link! ;)

    @GDL

    La validazione ha senso, eccome! Un impianto elettrico va eseguito a norma, un disegno tecnico segue le norme UNI, per guidare bisognerebbe attenersi al codice della strada, ogni lingua ha il suo insieme di regole, stesso dicasi per le pagine web.
    Sono norme che si codificano per consentire a tutti di comprendersi e di esprimersi in un linguaggio standard che non lasci spazio a libere interpretazioni: immagina cosa succederebbe se ognuno di noi parlasse l’italiano seguendo regole proprie o se un ingegnere disegnasse un progetto senza attenersi alle direttive UNI.
    Il web ha le regole del W3C. Rispettarle o meno sta alla coscienza di chi realizza siti web per professione, e alla conoscenza di chi non è professionista. Col vantaggio che se non rispetti le regole del W3C non ti salta in aria il pc, a differenza di quanto può succedere alla casa se non fai l’impianto elettrico a norma! :P

  14. Commento by scatterhead, 8 giugno 2007 @ 17:56

    sigh sob.
    mi aiuti ad aggiungere il blogroll nel blog?

  15. Commento by nessuno77, 9 giugno 2007 @ 3:39

    ok ripasso un altra volta ;)

  16. Commento by lorenzone92, 11 giugno 2007 @ 9:42

    Grazie per questa informazione!!! È stata utilissima!

    Ci si legge, ciao!!! :)

  17. Commento by ilallallero, 11 giugno 2007 @ 16:27

    Eh si, sono proprio una maniaca della validazione dei miei documenti XHTML! Ma come facevi a saperlo?! :P
    Dai, posta qualcosa di nuovo alla mia “bassezza”… nel frattempo rispondi alla mia email! Grazie! ;)

  18. Commento by andrea1236, 15 gennaio 2008 @ 21:05

    io scarico wordpress ma in windows live space mi dice che devo mettere il tag embed ma non so cosa sia e se scrivo poi (alla fine del collegamendo del video chevoglio mettere mi dice):Il codice incorporato immesso non è supportato da Windows Live Spaces. Solo i lettori video Flash funzionano in Windows Live Spaces. cosa devo fare?

  19. Commento by Rudy, 15 marzo 2010 @ 15:35

    Ti ringrazio: avevo tentato in vari modi di incorporare un video Gooogle nel mio blog (blogger) senza riuscirci.
    Soltanto con il codice riveduto e corretto che hai fornito ho risolto il problema.

  20. Commento by gio', 22 marzo 2010 @ 16:24

    Buonasera ..scusatemi ..lo so’ che i post..sono Molto Post-datati..
    ma stavo “vagando”per il web alla ricerca di un  generatore di codice per embeded..video “youtube”……per creare una screen-video gallery con molti video embedded di ..al massimo 200×200 pxl……che onload..tornino alle dimensioni originali..dello standard dei provider.che offrono…ovvero width: 425 per YouTube, 400 per Google Video e 320 per TuoVideo..ed heigth..attinente..etc..etc..
    premesso questo….vorrei dirvi..che..
    il web è si per tutti,ma lo è soprattutto per chi “non puo’ avere(e non per scelta) altro ..”,lo standard x-html..è la base su cui “lavorano”i crowler e spider..che permettono attraverso un esame (molto severo)dei contenuti (x-html.standard w3c)di leggere le nostre “amate”pagine.e di dare ai server le “giuste info”. per una perfetta visualizzazione ..su e con tutti(o quasi) i browser….vocali…e testuali o assistiti..(questo sotto è uno dei tanti link regionali ..
    http://lau.csi.it/risorse/strumenti.shtml
    )
    e di far conoscere al mondo cio’ che vogliamo e “siamo..” anche a quelle”ampie“  categorie di persone..che non possono “vedere”..sentire..o altro di peggio..e qui ..mi fermo..lo sapete meglio di me ..come ..si costruisce un sito,accessibilita’e usabilita’..non è flash(poco)…o immagini in  movimento(pochissime)..o decine di foto(solo se fotogallery molto ben strutturate) .o frame su frame.(meglio se no). se di sito “per tutti”stiamo parlando..se no va be’
    ..son pienamente d’accordo con te.. Simonlain,
    un caro saluto a voi… Gio’.

RSS feed dei commenti a questo articolo. TrackBack URL

Lascia un commento