Volete aggiungere un video alla vostra pagina web in html 5? E’ molto semplice! ūüôā

Per poter inserire un video dovrete utilizzare il tag video, ma prima di tutto:

  1. Procuratevi il video da inserire;
  2. Digitate nell’editor <video src=“ilVideoScelto.mp4”>Qui comparir√† il filmato</video>

Facile vero? Ovviamente anche per l’elemento video ci sono diversi attributi da poter utilizzare.

Vediamoli insieme nella seguente tabella:

 Attributo  Descrizione
¬†src ¬†Specifica l’URL al file video.
 autoplay  Inizia automaticamente la riproduzione del video.
 controls  Permette di aggiungere i controlli di default del browser al video.
¬†muted ¬†Azzera l’audio del video (ad esempio, come accade all’anteprima dei video che vedrete nelle notizie di facebook).
¬†loop ¬†Riproduce il video a ciclo continuo (come far impazzire l’utente)! ūüôā
¬†poster ¬†Inserisce un’immagine di anteprima al vostro video (√® molto utile soprattutto per attirare pi√Ļ visitatori). Pensate ai video su youtube!
 width  Si riferisce alla larghezza dei video in pixel.
¬†height ¬†Si riferisce all’altezza dei video (sempre in pixel).
 preload  Indica al browser che cosa deve caricare del video. Ci sono tre possibili valori:

  • none (non carica nulla)
  • metadata (carica solo i metadati del video, come ad esempio la lunghezza e la larghezza).
  • auto (se non dovessimo scrivere nulla, ¬†auto diventa l’impostazione di default).

E ora passiamo all’esempio pratico:


1




Add Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.