Layout dei siti
I siti moderni necessitano di un Layout adattabile ai vari
dispositivi presenti sul mercato come Smartphone, Table, Personal Computer e alle
varie risoluzioni.
Per far questo è indispendabile appoggiarsi a css stabili
ed al buon vecchio javascript (codice lato client), oggi
migliorato nella versione Jquery.
Layout dei siti
- Test su varie piattaforme
- Limitare l'uso di codice lato client
- Usare css interpretabili al meglio per almeno i principali browser: Explorer, Crhome, Mozilla, Safari.
Caricare un video con html5
Con il nuovo HTML5 è possibile caricare un video direttamente nella pagina web.
Il Tag di riferimento è il TAG
video.
Si ricorda che si può applicare anche un css direttamente al Tag richiamandolo con l'id.
A seguire i vari attributi impostabili:
- src Stringa che rappresenta un URL che punta a un file video.
- controls Attributo booleano che attiva un set di controlli di riproduzione predefiniti.
- poster Stringa che rappresenta un'immagine segnaposto visualizzata nel lettore video, prima che il video venga eseguito.
- loop Attributo booleano che ripete la riproduzione del video.
- muted Attributo booleano che riproduce il video con la traccia audio disattivata.
- autoplay Attributo booleano che avvia la riproduzione del video automaticamente.
- preload Attributo booleano che fornisce un'indicazione per la quantità di buffering necessaria.
- height Imposta l'altezza del lettore video.
- width Imposta la larghezza del lettore video.
A seguire un esempio:
<video id="style_video" controls poster="video/esempio.jpg">
<source src="esempio.mp4" type="video/mp4" />
<source src="esempio.ogv" type="video/ogg"/>
<object>
<embed src="demo.mp4" type= "application/x-shockwave-flash" allowfullscreen="false" allowscriptaccess="always" />
</object>
HTML5 Video is required for this example
</video>