Validazione W3c con codici embed

In questi giorni si parla di validazione. Sono molti i blog non conformi agli standard del W3c (il World Wide Web Consortium) ed uno dei motivi spesso è l’inclusione all’interno delle loro pagine di elementi multimediali.

Il problema risiede nel tag embed non conforme agli standard del w3 Consortium ed utilizzato da Internet Explorer per inserire elementi multimediali all’interno delle pagine web.

Giusto per risolvere il problema del “webmaster della domenica” e non annoiare tutti quanti su approfondimenti circa gli standard proprietari di Microsoft, esiste una bella soluzione per integrare nelle proprie pagine audio, video e ciò che si vuole senza dover andare fuori standard.

Qual’è la soluzione? Come era immaginabile… la soluzione risiede nel… non usare il tag embed!

Andiamo dritti al sodo e immaginiamo di voler inserire tra le nostre pagine web un video preso da Youtube. Casualmente 😉 sono finito su questo simpatico video che scherza sull’arrivo di Firefox sulla terra…

Il codice che ci fornisce Youtube, di lato al video è il seguente:

<object width="425" height="350">
<param name="movie" value="//www.youtube.com/v/xrB8JzMK7dA"/>
<param name="wmode" value="transparent"/>
<embed xsrc="//www.youtube.com/v/xrB8JzMK7dA"
type="application/x-shockwave-flash" wmode="transparent"
width="425" height="350"/>
</object>

La soluzione, molto semplicemente, consiste nell’eliminare quel tag e riscrivere il codice in questo modo:

<object type="application/x-shockwave-flash"
data="//www.youtube.com/v/xrB8JzMK7dA" height="350" width="425">
<param value="//www.youtube.com/v/xrB8JzMK7dA" name="movie" />
<param name="wmode" value="transparent" />
</object>

Le informazioni presenti all’interno del tag embed vengono riportate all’interno del tag object e il risultato è quello che potete vedere sotto:

Per il futuro vi basterà sostituire il link che vi fornisce Youtube nel suo form-embed ed inserirlo al posto di quello indicato da me nel secondo codice. 😉

La pagina, come potrete controllare da qui, risulterà valida secondo gli standard del World Wide Web Consortium.

Ciao,

P|xeL

Pubblicato da

Ingegnere. Si divide tra lavoro, bicicletta, monociclo e volontariato. Vive in una casa con un ciliegio insieme ad una moglie, tre bimbe e otto pesciolini che non lo aiutano a tenere in ordine.

34 commenti » Scrivi un commento

  1. hmmm con ie non mi funziona: il filmato non parte… forse il flash cerca un parametro che non trova? con ff tutto ok invece… sono molto interessato a soluzioni come questa…

  2. Sei sicuro che non funzioni? Ho appena provato con IE7 e non ho avuto alcun problema. In ogni caso ho sempre usato questa soluzione in passato ed ho potuto testarla anche tramite IE6. Hai provato ad aggiornare la pagina?
    Ciao,
    P|xeL

  3. Ti consiglio di includere anche il parametro <param name="wmode" value="transparent" /> per eliminare lo sfondo bianco 😉

  4. […] Ho una attenuante, l’ho fatto in maniera pulita mantenendo i miei 0 errori di xhtml… Dimmi qualcosa […]

  5. […] Leggendo questo articolo pubblicato sul blog dell’amico Pixel per inserire video da YouTube rimanendo conformi agli standard della W3c che spiega come inserire manualmente video da YouTube ho deciso di scrivere la soluzione che adotto io, a mio avviso molto piu immediata utilizzando un plugin che lascia il codice conforme alle specifiche W3c […]

  6. Qualcuno mi aiuti,vi preeeeego!!!!!Ho trovato il video di una canzone di Bryan Adams che adoro e che vorrei mettere nel mio blog ma copiando il codice nn parte.Perchè? cosa sbaglio?ci sto provando da giorni! se lo scrivo magari qualcuno puo essere così gentile da modificarlo nel caso andasse modificato? Grazie mille!!!!!!!
    https://www.youtube.com/watch?v=79jdoDC4f0E oppure è questo?

    😥

  7. Ciao, il codice che devi inserire per quel video di Bryan Adams è il seguente:

    {object type="application/x-shockwave-flash"
    data="http://www.youtube.com/v/K0K6d4qdBaQ" height="350" width="425"}
    {param value="http://www.youtube.com/v/K0K6d4qdBaQ" name="movie" /}
    {param name="wmode" value="transparent" /}
    {/object}

    Assicurati ovviamente che la tua piattaforma di blogging permetta l’inserimento di questo genere di contenuti.
    Ciao,
    P|xeL

    PS: sostituisci le parentesi graffe aperte { con < e quelle chiuse } con >.

  8. Mmmm…interessante! per il mio sito sarebbe splendido!
    ma ho fatto la prova ed inserendo il codice che fornisci funziona…non appena però cambio inserendo il link di un altro video non visualizzo più nulla…
    Che cosa sbaglio?

  9. Mamma mia che tempestività! Complimenti!

    Si. Lo sostituisco entrambe le volte, utilizzando un semplice “copia-incolla” dall’url indicato nella pagina di riferimento di Youtube, ma…il risultato purtroppo è quello descritto prima! Mentre il video che tu proponi si vede benissimo….. 🙁

  10. Vero! Funziona! Grazie mille….questa dritta migliorerà di parecchio le funzionalità del mio sito :dogarf:

  11. è possibile scaricare un video da you tube copiando l’indirizzo che compare in embed, solo che alla fine ci si deve aggiungere un codice tipo #4 e qualcosa altro. cosa? qualcuno puo’ dirmelo.. 😐 😐

  12. Con i video mi funziona perfettamente.. ma con i file audio no, anche se uso lo stesso codice. Come mai? 😥

    ciau!

  13. Ho provato un po’ di tutto, ma mi da sempre gli stessi problemi: dice che manca un plugin sconosciuto.
    Incollo il codice:

    funziona perfettamente con IE, ma con Firefox no.
    Ho anche provato con l’attributo object, aggiungendo type=”audio/mp3″ ma.. con IE usa l’interfaccia di RealOne, e con Firefox la situazione rimane la stessa. Ho provato a scopiazzare codici da altri blog funzionanti con Firefox, ma riportano sempre l’attributo embed come sopra.

    Grazie in anticipo per l’aiuto 😆

  14. Non si è visualizzato il codice, lo incollo utilizzando parentesi quadre:

    [embed src="audio.mp3" autostart="true" display=true width="130" height="12"][/embed]

  15. Ancora non funziona. Suppongo il problema sia solo mio, perchè del sito che mi hai passato -e anche in altri blog- vedo tutto perfettamente sia con explorer che con firefox.

    Ho provato incollando il codice alla voce “test.mp3” ma Explorer visualizza uno spazio bianco, e firefox lo stemma Quicktime con un punto interrogativo… 😡

  16. Peggio: sul sito che mi hai dato, con firefox vedo perfettamente, mentre con explorer vedo sempre lo spazio bianco. Argh.

  17. Ho provato a seguire il consiglio e per quanto riguarda i video funziona. Ho così provato a rendere standard anche una pagina con una radio in streaming. Il vecchio codice era:

    il nuovo:

    . Ma così IE7 non lo legge… ovviamente firefox sì… ma questa è un’altra storia 😀 👿

  18. Ho provato a seguire il consiglio e per quanto riguarda i video funziona. Ho così provato a rendere standard anche una pagina con una radio in streaming. Il vecchio codice era:


    il nuovo:

    . Ma così IE7 non lo legge… ovviamente firefox sì… ma questa è un’altra storia 😀 👿

  19. […] poi che scopri per caso che YouTube se ne infischia della validazione W3C, e con lui la stragrande maggioranza dei […]

  20. Qualcuno sarebbe così gentile da dirmi come si fa a mettere un video nel blog io lo metto e fcc salva ma dice serve il codice embed!!Come si fa vi prego ajutatemi grazie!!!!!!!Il sito cmq è il video su youtube che vojo mettere nel blog!!!Ciao a tutti!!!

Rispondi a Peppe Annulla risposta

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.