la codeteca
Compartir:

Vídeos

Podemos colocar un vídeo en nuestra web y especificar un tamaño con:
<video src="archivo.mp4" controls width="360" height="240">
</video>
Podemos añadir algunos atributos más, como:
  • autoplay: El vídeo se reproducirá automáticamente al cargarse.
  • loop: Reproduce el vídeo en bucle.
  • controls: Coloca los controles del navegador.
  • Portada para el vídeo

    Podemos colocar una imagen como portada de un video si añadimos el atributo poster:
    <video src="ficheroVideo.mp4" controls width="360" height="240" poster="ImagenPortada.jpg">
    

    Varios formatos

    Para evitar problemas con los plugins podemos colocar el mismo vídeo en múltiples formatos, de esta forma tenemos más posibilidades de que el usuario pueda verlo sin problemas.
    <video controls width="360" height="240" poster="imagenPortada.jpg">
        <source src="video.ogv" type="video/ogg" />
        <source src="video.mp4" type="video/mp4" />    
    </video>