Iframe que carga un fragmento de página

 Origen de la imagen: Paco CT

Un iframe permite incrustar en nuestra página web una ventana en la que se carga otra página web distinta sobre la que, normalmente, no tenemos control. Es decir, es ajena a nosotros. No la podemos editar.
En las entradas de los blogs de Blogger, el iframe funciona perfectamente desde hace ya  tiempo. Antes había algún problema...
El código para colocar un iframe es el siguiente:

<iframe src="http://la_url_de_la_pagina_que_queramos_cargar" width="x" height="y" frameborder="z"></iframe>

En el atributo src (source -fuente-) ponemos la URL completa de la página que queremos incrustar.
El width y el height es el ancho y alto de nuestro iframe en píxeles.
El frameborder es el borde del rectángulo en el que se carga la página web. Es muy habitual ponerlo a cero para que no se muestre borde alguno.
Nuestra intención, ahora, es colocar un iframe pero para que se cargue o muestre un elemento que no se encuentra en el principio de la página.
¿Es esto posible?


La idea es acceder a un punto concreto de la página en la que se encuentra un determinado elemento para mostrarlo.
Por ejemplo, un vídeo.
La clave está en saber si el elemento en cuestión se encuentra bajo el atributo de un name (cuando hay un ancla en el código) o de un id (identificador) de cualquier etiqueta.
En este caso, bastará simplemente, añadir al final de la URL de la dirección web de la página, la cadena #identificador siendo identificador el nombre del ancla o del id de la etiqueta en concreto.
Veamos un ejemplo.
Acabo de descubrir esta interesante página en la que se muestra un vídeo interactivo sobre la exposición de Rubens en el Museo del Prado.
El vídeo se puede descargar con las herramientas habituales. Por ejemplo con el Video DownloadHelper (la extensión para Firefox). Sin embargo, al descargarlo, pierde la interactividad pues ésta está asociada a código javascript que reside en la misma página y en otros archivos .js propiedad del mismo editor.
La solución sería colocar esta web pero que se mostrase solamente el vídeo.
Viendo el código de la página se averigua que el elemento en cuestión se encuentra en una capa bajo un atributo identificativo.
Sólo nos queda averiguar el ancho y el alto del vídeo para poderlo mostrar en sus dimensiones originales. Esto se consigue escrutando el código javascript asociado a la película.
Finalmente queremos que no se muestren las barras de scrolling. Para ello añadimos el atributo scrolling="no"
Éste es el resultado:



Como se puede comprobar los elementos interactivos estropean el regreso al vídeo inicial.
Mejor para ello verlo en la página web original:

http://www.museodelprado.es/exposiciones/info/en-el-museo/rubens/rubens-360/