HTML

Multimedia

Marco

A veces, es interesante embeber otra página web dentro de la actual para proporcionar funcionalidad desarrollada en otros servicios. Realiza, de una en una, las siguientes modificaciones sobre la etiqueta <iframe> del siguiente HTML:

<body>
<p>
Texto antes
<iframe src="URL (absoluta o relativa)" ></iframe>
Texto después
</p>
</body>

  1. Cambia el valor del atributo src a:

    https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3037.043120802949!2d-3.71490468429349!3d40.430044062753005!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd4228662ebd8eeb%3A0xd7c09eaa5e0b0c59!2sEscuela%20T%C3%A9cnica%20Superior%20de%20Ingenier%C3%ADa%20(ICAI)!5e0!3m2!1ses!2ses!4v1673823476079!5m2!1ses!2ses

  2. Añade el atributo width="200".

  3. Añade el atributo height="300".

  4. Cambia el valor del atributo src a "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe"1.

❓ Pregunta: ¿Cuáles son las ventajas para los creadores al incrustar su vídeo con un marco en vez de añadirlo directamente con la etiqueta <video> que vimos anteriormente?

1

Las webs pueden impedir que otras intenten embeberlas usando la cabecera HTTP X-Frame-Options: deny por temas de seguridad o robo de contenido.