La etiqueta <iframe> sirve para crear un espacio dentro de la página donde se puede incrustar otra web. Es un cuadrado cuyas dimensiones debe especificar el desarrollador en la propia etiqueta iframe, que tiene asociada una página web que se carga en dicho espacio. Esa página web tendrá sus propios contenidos y estilos, independientes del contexto donde se está mostrando.
Para hacer uso del iframe el primer paso será obtener el código que nos genera aquella plataforma que vayamos a inscrustar dentro de nuestra página (youtube, vimeo, twitter, google,...). Normalmente este tipo de plataformas tienen un botón compatir que generan el código que tendremos que copiar.
<iframe src="https://player.vimeo.com/video/149851002" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="https://vimeo.com/149851002">La extinción de los dinosaurios</a> from <a href="https://vimeo.com/user20796965">Universidad de Zaragoza</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
Una vez hayamos copiado ese código seleccionaremos donde queremos que aparezca incrustado, en un tipo de contenido o en un bloque.
A continuación abriremos el elemento seleccionado y nos posicionaremos en el campo seleccionado para albergar el <iframe>. Cambiaremos el "Formato de texto" de "Full HTML" a "Plain text". Pegamos el código seleccionado y restauramos el "Formato de texto" a "Full HTML".
Finalmente guardamos el contenido o el bloque y estará listo.
Deberas tener encuenta las dimensiones que tiene el <iframe> que estas incrustando y las dimensiones del contenedor final. Para ello podrás cambiar las dimensiones del <iframe> modificando las etiquetas "width" y "height" que aparecerán dentro del código que generan las referidas plataformas.
