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:


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

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

34 commenti - Partecipa alla conversazione sotto »


1
avatar autore commento

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…

Commento scritto da camu il 11 gennaio 2007 alle 23:13
2
avatar autore commento

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

Commento scritto da Emanuele (aka P|xeL) il 11 gennaio 2007 alle 23:18
3
avatar autore commento

Se t’interessa avevo creato questo bookmarklet che fa tutto automaticamente.

Commento scritto da Andrea Micheloni il 12 gennaio 2007 alle 14:54
4
avatar autore commento

:grin: follow the link: è sul mio sito vecchio (Altervista :cry: sì, lo so, me le cerco)

this-page-is-valid-xhtml-10-transitional.html

Commento scritto da Andrea Micheloni il 12 gennaio 2007 alle 15:42
5
avatar autore commento

Andrea, se riuscissi a collegarmi sul tuo sito, magari potrei apprezzare il tuo lavoro… :smile:
Ciao,
P|xeL

PS: ahi ahi ad usare netsons…

Commento scritto da Emanuele (aka P|xeL) il 12 gennaio 2007 alle 15:26
6
avatar autore commento

Dai… Altervista, sempre meglio di Netsons secondo me! :-)
Che ne pensi di spostarti su Tophost per 10 euro l’anno?
Ciao,
P|xeL

Commento scritto da Emanuele (aka P|xeL) il 12 gennaio 2007 alle 15:45
7
avatar autore commento

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

Commento scritto da neon il 14 gennaio 2007 alle 18:27
8
avatar autore commento

ops hai il filtro nei code, allora così dovrebbe funzionare: *param name="wmode" value="transparent" /*

Commento scritto da neon il 14 gennaio 2007 alle 18:29
9

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

Commento scritto da Sono fuori dal mondo / Faccio Cose il 14 gennaio 2007 alle 18:32
10

[...] Ok, ogni tanto certe idee mi prendono più di altre… e così, oggi, mi sono divertito a realizzare Blog Validator. [...]

11
avatar autore commento

Ehm sono sempre io, volevo informarti che sto cercando di automatizzare la procedura ed ho creato un bookmarlet per firefox.

Commento scritto da neon il 19 gennaio 2007 alle 20:51
12
avatar autore commento

Fate a gara tu ed Andrea per il miglior bookmarklet?! :joy:
Ciao,
P|xeL

Commento scritto da Emanuele (aka P|xeL) il 20 gennaio 2007 alle 02:52
13
avatar autore commento

Prova

Commento scritto da Michele il 23 gennaio 2007 alle 17:37
14

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

Commento scritto da juzam_djinn ` WorlD » WordPress Plugin Video il 24 gennaio 2007 alle 09:50
15
avatar autore commento

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!!!!!!!
http://www.youtube.com/watch?v=K0K6d4qdBaQ oppure è questo?

:cry:

Commento scritto da Vanessa il 5 marzo 2007 alle 21:20
16
avatar autore commento

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

Commento scritto da Emanuele (aka P|xeL) il 6 marzo 2007 alle 02:07
17
avatar autore commento

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?

Commento scritto da Dominik il 22 marzo 2007 alle 01:22
18
avatar autore commento

Lo sostituisci entrambe le volte? L’url se guardi con attenzione, è presente 2 volte…
Ciao,
P|xeL

Commento scritto da Emanuele (aka P|xeL) il 22 marzo 2007 alle 01:28
19
avatar autore commento

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….. :-(

Commento scritto da domink il 22 marzo 2007 alle 01:51
20
avatar autore commento

Ehm… l’url che devi prendere non è quello contentente watch?v=…. ma quello presente nel codice “embed” proposto da Youtube!
Ciao,
P|xeL

Commento scritto da Emanuele (aka P|xeL) il 22 marzo 2007 alle 01:54
21
avatar autore commento

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

Commento scritto da Dominik il 22 marzo 2007 alle 11:57
22
avatar autore commento

è 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.. :-| :-|

Commento scritto da fru fru il 26 marzo 2007 alle 23:15
23
avatar autore commento

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

ciau!

Commento scritto da Hullabaloo il 15 aprile 2007 alle 23:28
24
avatar autore commento

Hullabaloo, che codice scrivi precisamente?
Ciao,
P|xeL

Commento scritto da Emanuele (aka P|xeL) il 16 aprile 2007 alle 01:48
25
avatar autore commento

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 :lol:

Commento scritto da Hullabaloo il 16 aprile 2007 alle 23:07
26
avatar autore commento

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

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

Commento scritto da Hullabaloo il 16 aprile 2007 alle 23:09
27
avatar autore commento

Hullabaloo, la soluzione la trovi qui. ;-)
Ciao,
P|xeL

PS: il tag “embed” non segue le specifiche HTML standard.

Commento scritto da Emanuele (aka P|xeL) il 16 aprile 2007 alle 23:59
28
avatar autore commento

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… :-x

Commento scritto da Hullabaloo il 17 aprile 2007 alle 14:46
29
avatar autore commento

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

Commento scritto da Hullabaloo il 17 aprile 2007 alle 15:00
30

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

31
avatar autore commento

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 :-D :evil:

Commento scritto da Peppe il 17 luglio 2007 alle 18:11
32
avatar autore commento

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 :-D :evil:

Commento scritto da Peppe il 17 luglio 2007 alle 18:13
33

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

Commento scritto da Flash, web standards, tag embed e stress da validazione W3C | techwebblog.com il 17 agosto 2007 alle 13:42
34
avatar autore commento

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!!!

Commento scritto da Tata il 28 maggio 2008 alle 13:29

Scrivi un tuo commento





;-) :worry: :timid: :roll: :o :love: :lol: :joy: :evil: :eeeh: :dogarf: :cry: :burp: :-| :-x :-P :-D :-? :-) :-( 8-O 8-)