◀ ▶

D. El elemento `video`

Se usa para desplegar sonidos, videos o películas.
Aunque este elemento puede llevar contenido, por ejemplo texto, este no se muestra al usuario; es para desplegarse en navegadores que no soportan el elemento video, para poder probar con plugins o indicar como acceder al contenido.
Para que tu video se despliegue en el navegador Safari para las computadoras Apple (iPad, iPhone, Mac), tu servidor web debe soportar byte-range request. No todos los servidores soportan este tipo de solicitudes.
Una opción es usar Giphy que en formato de video es más rápido y eficiente que en el formato GIF. Al seleccionar una imagen, haz clic en Media y copia la URL del formato MP4.

Atributos adicionales

poster: Proporciona la URL de una imagen que se muestra mientras no se haya cargado ningún byte del video.

<!DOCTYPE html>

<head>

content="width=device-width">

<title>Video</title>

<style>

video {

max-width: 100%

}

</style>

</head>

<body>

<h1>Video</h1>

<video autoplay loop

src="https://media.giphy.com/media/1W62t8wP8m1iM/giphy.mp4">

Tu navegador no soporta video.

</video>

</figure>

<p>

Video de

<a href="https://giphy.com"

target="_blank">

Giphy</a>.

</p>

</footer>

</body>

</html>