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
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…
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
Se t’interessa avevo creato questo bookmarklet che fa tutto automaticamente.
Andrea, se riuscissi a collegarmi sul tuo sito, magari potrei apprezzare il tuo lavoro… 🙂
Ciao,
P|xeL
PS: ahi ahi ad usare netsons…
😀 follow the link: è sul mio sito vecchio (Altervista 😥 sì, lo so, me le cerco)
this-page-is-valid-xhtml-10-transitional.html
Dai… Altervista, sempre meglio di Netsons secondo me! 🙂
Che ne pensi di spostarti su Tophost per 10 euro l’anno?
Ciao,
P|xeL
Ti consiglio di includere anche il parametro
<param name="wmode" value="transparent" />
per eliminare lo sfondo bianco 😉ops hai il filtro nei code, allora così dovrebbe funzionare:
*param name="wmode" value="transparent" /*
[…] Ho una attenuante, l’ho fatto in maniera pulita mantenendo i miei 0 errori di xhtml… Dimmi qualcosa […]
[…] Ok, ogni tanto certe idee mi prendono più di altre… e così, oggi, mi sono divertito a realizzare Blog Validator. […]
Ehm sono sempre io, volevo informarti che sto cercando di automatizzare la procedura ed ho creato un bookmarlet per firefox.
Fate a gara tu ed Andrea per il miglior bookmarklet?! :joy:
Ciao,
P|xeL
Prova
[…] 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 […]
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?
😥
Ciao, il codice che devi inserire per quel video di Bryan Adams è il seguente:
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 >.
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?
Lo sostituisci entrambe le volte? L’url se guardi con attenzione, è presente 2 volte…
Ciao,
P|xeL
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….. 🙁
Ehm… l’url che devi prendere non è quello contentente watch?v=…. ma quello presente nel codice “embed” proposto da Youtube!
Ciao,
P|xeL
Vero! Funziona! Grazie mille….questa dritta migliorerà di parecchio le funzionalità del mio sito :dogarf:
è 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.. 😐 😐
Con i video mi funziona perfettamente.. ma con i file audio no, anche se uso lo stesso codice. Come mai? 😥
ciau!
Hullabaloo, che codice scrivi precisamente?
Ciao,
P|xeL
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 😆
Non si è visualizzato il codice, lo incollo utilizzando parentesi quadre:
[embed src="audio.mp3" autostart="true" display=true width="130" height="12"][/embed]
Hullabaloo, la soluzione la trovi qui. 😉
Ciao,
P|xeL
PS: il tag “embed” non segue le specifiche HTML standard.
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… 😡
Peggio: sul sito che mi hai dato, con firefox vedo perfettamente, mentre con explorer vedo sempre lo spazio bianco. Argh.
[…] poi che scopri per caso che YouTube se ne infischia della validazione W3C, e con lui la stragrande maggioranza dei […]
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 😀 👿
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 😀 👿
[…] poi che scopri per caso che YouTube se ne infischia della validazione W3C, e con lui la stragrande maggioranza dei […]
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!!!