Cómo insertar un vídeo en tu página web

Insertar un vídeo de nuestra propiedad en nuestra página web es muy fácil.

Para empezar, tenemos que subir el vídeo en cuestión a nuestro servidor FTP.

Una vez subido sólo tenemos que poner una línea de código dónde queramos que aparezca.

El código HTML es el siguiente:

<video src="video.mp4"></video>

A esta línea de códigos se le pueden añadir más cosas, como por ejemplo:

<video src="videotest.ogv" width="500"></video>

La propiedad width para establecer el ancho del vídeo.

<video src="videotest.ogv" width="500" autoplay></video>

Autoplay para que se reproduzca automáticamente al entrar en la página web.

<video src="videotest.ogv" width="500" autoplay loop ></video>

Loop para que se reproduzca en bucle (al terminar vuelve a empezar).

<video src="videotest.ogv" width="500" autoplay loop controls></video>

Controls para que el vídeo tenga los típicos controles de play, pause...

Y para no tener problemas con los navegadores a la hora de reproducir ciertos formatos, es recomendable tener varios formatos de vídeo y se pondría así:

<video poster="video.jpg" width="500" preload loop controls>
 <source src="video.ogv" type="video/ogv">
 <source src="video.mp4" type="video/mp4">
</video>

Si te gustó no olvides ayudarme a seguir creciendo compartiendolo en tus redes sociales favoritas. ¡Gracias!

Más articulos

Tweet

Escrito por Unknown

Si tienes alguna otra duda, o quieres comentar algo sobre el tema, te animo a que dejes un comentario. También puedes visitar nuestro foro. ¡Un saludo!