Vai a: [ Contenuti ] [ Categorie ] [ Cerca ]

Inserire un video con codice validato senza Javascript

Inserire un video con codice validato senza Javascript


Il tag object standard

Il tag object, utilizzato in maniera standard per inserire un video, è interpretato correttamente da tutti i browser moderni compreso Explorer (test effettuati a partire dalla versione 6).
Un codice simile a questo inserito in una pagina mostrerà il filmato su tutte le piattaforme:

Codice n° 1

1
2
3
4
5
<object id="myvideo" type="application/x-shockwave-flash" data="player/player.swf" width="400" height="315">
	<param name="movie" value="player/player.swf" />
	<param name="allowScriptAccess" value="always" />
	<param name="flashvars" value="file=video.flv&image=img/preview.jpg" />
</object>

Guarda l’esempio pratico n°1

Attenzione! E’ fondamentale, per IE, inserire l’id nel tag object altrimenti verrà prodotto un errore nella pagina.

Come mai allora tutta questa (apparente) difficoltà per avere un file multimediale nel proprio sito? Per capire il motivo bisogna analizzare la situazione in maniera più specifica.

Se avete visto il video con il codice appena analizzato è perchè, molto probabilmente, il plugin Flash è installato sulla vostra macchina. Ma cosa succede se un utente non ha il componente adatto?

Ecco due schermate che mettono a confronto il risultato del codice appena visto sia su Explorer che su Firefox:

Explorer

explorer_screenshot

Firefox

firefox_screenshot

La differenza è chiara: in assenza del plugin il browser di casa Microsoft non visualizza nulla mentre Firefox suggerisce automaticamente il file da scaricare.

Molti staranno obiettando che, al giorno d’oggi, è quasi impossibile trovare un client senza Flash. Personalmente mi trovo d'accordo ma se pensiamo, ad esempio, all'accessibilità in ambito Pubblica Amministrazione è evidente come non si possa dare nulla per scontato.

Ecco, quindi, un'altra possibile soluzione:

Codice n° 2

1
2
3
4
5
6
7
<object id="myvideo" type="application/x-shockwave-flash" data="player/player.swf" width="400" height="315">
	<param name="movie" value="player/player.swf" />
	<param name="allowScriptAccess" value="always" />
	<param name="flashvars" value="file=video.flv&image=img/preview.jpg" />
	<!-- codice alternativo solo per chi non ha Flash installato -->
	<p>Contenuto alternativo: <a href="#">scarica il plugin se non vedi il video</a></p>
</object>

Guarda l’esempio pratico n°2

La novità è rappresentata dal codice visibile solo all'utente che non ha installato il plugin Flash. Inserendo questo markup aggiuntivo Firefox non sarà più in grado di suggerire automaticamente, come in precedenza, il download del componente adatto ma mostrerà, al pari di Explorer, ciò che è stato inserito come contenuto alternativo: il link al sito di Adobe, un collegamento diretto al plugin o ad una pagina specifica, etc etc.

Se neanche questa soluzione fa al caso vostro ma volete proporre un video con codice validato XHTML Strict, che non utilizzi Javascript e che suggerisca all'utente, in ogni caso, il componente giusto da scaricare allora continuate la lettura.

Pagina: 1 [2] 3 4 5

link sponsorizzati

Consiglialo su Facebook

Lascia un Commento

Iscriviti alle discussione senza commentare

Torna: [ Inizio ] [ Contenuti ] [ Categorie ] [ Cerca ]

Pagina renderizzata in soli 0,931 secondi dopo aver eseguito ben 61 query. Wordpress... prestazioni da urlo!