How to Embed Video Using HTML5

Inserire Video all'interno del nostro sito Web

Implementare video all'interno della nostra pagina HTML5 nulla di più semplice.
Oggi è sempre più usato visto le connessioni molto più veloci rispetto a qualche anno fa.
Questo lo rende sempre di più un ottimo strumento da implementare per rendere la nostra web site più accattivante sia dal punto di vista visivo che a livello di comunicazione.

Usando il tag <video> </video> dell'html5 siamo in grado di inserire un video.
Facendo sempre attenzione lato SEO (grandezza del file per caricamnto della pagina) e buttando un occhio al mobile.(Che vederemo più avanti)

Questo il codice base:

<video autoplay loop poster="/img/IMG.jpg">   
<source src="PATH_TO_MP4" type="video/mp4" />Your browser does not support the video tag. I suggest you upgrade your browser.             
<source src="PATH_TO_WEBM" type="video/webm" />Your browser does not support the video tag. I suggest you upgrade your browser.
</video>
           

Nel prossimo articolo andremo più nel dettaglio. Considerando e implementando l'auto play e la visione nel Mobile, Android e IOS. Al prossimo step ;-)

social video

See / Saw from Erik Winkowski on Vimeo.

Video marketing

Alla fine per quanto si senta parlare di strategie, obbiettivi, numeri...
La creatività la fa da padrona!
Oggi abbiamo sempre più la necessità di codificare tutto in maniera veloce, forse direi per certi versi superficiale (da non fraintendere)

Questo esempio di grande genio di creatività, dimostra che la vecchia forma di comunicazione visiva e sempre vincente!
Complimenti See / Saw!!!!!

 

CSS winner Andres Hunger
CSSRELL Andres Hunger
BESTcss Andres Hunger