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

Inserire un video con codice validato senza Javascript

Inserire un video con codice validato senza Javascript


Codici di esempio

Finalmente possiamo giungere al codice di esempio finale:

Codice n° 3

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<object id="myvideo" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" title="Video di prova" width="400" height="315">
	<param name="movie" value="player/player.swf" />
	<param name="allowfullscreen" value="true" />
	<param name="allowscriptaccess" value="always" />
	<param name="flashvars" value="file=video.flv&image=img/preview.jpg" />
	<param name="wmode" value="transparent" />
 
	<!--[if !IE]><!-->
	<object id="myvideo-2" type="application/x-shockwave-flash" data="player/player.swf" title="Video di prova" width="400" height="315">
		<param name="allowfullscreen" value="true" />
		<param name="allowscriptaccess" value="always" />
		<param name="flashvars" value="file=video.flv&image=img/preview.jpg" />
		<param name="wmode" value="transparent" />
	</object>
	<!--<![endif]-->
 
</object>

Guarda l’esempio pratico n°3

Il codice appena visto ha il difetto di essere alquanto ridondante per quanto riguarda i parametri “param” che vengono necessariamente ripetuti.

In alternativa, cambiando leggermente la sintassi, è possibile inserirli una sola volta anche se il risultato può non piacere da un punto di vista estetico e della leggibilità (dal punto di vista funzionale non cambia nulla):

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!--[if IE]>
<object id="myvideo" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="400" height="315">
<param name="movie" value="player/player.swf" />
<!-->
 
	<!--[if !IE]><!-->
	<object id="myvideo-2" type="application/x-shockwave-flash" data="player/player.swf" title="Video di prova" width="400" height="315">
	<!--<![endif]-->
 
	<param name="allowfullscreen" value="true" />
	<param name="allowscriptaccess" value="always" />
	<param name="flashvars" value="file=video.flv&image=img/preview.jpg" />
	<param name="wmode" value="transparent" />
 
</object>

Guarda l’esempio pratico n°4

In questo caso il primo object è inserito come un commento vero e proprio interpretato solo da IE ma ignorato dagli altri browser che leggeranno solo il secondo tag.

A voi la scelta del metodo che maggiormente si adatta alle vostre esigenze.

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,705 secondi dopo aver eseguito ben 64 query. Wordpress... prestazioni da urlo!