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.


1	<!DOCTYPE html>
2	<html lang="es">
3
4	<head>
5	<meta charset="UTF-8">
6	<meta name="viewport"
7	content="width=device-width">
8	<title>Video</title>
9	<style>
10	video {
11	max-width: 100%
12	}
13	</style>
14	</head>
15
16	<body>
17	<h1>Video</h1>
18	<figure>
19	<video autoplay loop
20	src="https://media.giphy.com/media/1W62t8wP8m1iM/giphy.mp4">
21	Tu navegador no soporta video.
22	Usa el siguiente enlace
23	<a target="_blank" rel="noreferrer"
24	href="https://media.giphy.com/media/1W62t8wP8m1iM/giphy.mp4">Para abrir el
25	video</a>
26	</video>
27	</figure>
28	<footer>
29	<p>
30	Video de
31	<a target="_blank" rel="noreferrer"
32	href="https://giphy.com">Giphy</a>.
33	</p>
34	</footer>
35	</body>
36
37	</html>