ACERCA DE · CONTACTO · RSS · ·

despuesdegoogle

internet y pos(t)modernidad


Atención: Este blog ya no se actualiza. Desde el 22 de agosto de 2011 se ha integrado en el nuevo blog tiempos pos(t)modernos, que te invitamos a visitar



Archive for the ‘iframe’ tag

Adiós a FBML, Facebook como plataforma de publicación de contenido

leave a comment

xfbmlEl 10 de marzo Facebook jubila la aplicación FBML, esta que ha permitido a miles de tiendas y organizaciones crear una página personalizada en Facebook. Este cambio forma parte de lo que se viene, con el nuevo diseño de las páginas de fans de Facebook.

Adiós pues a las pestañas creadas con FBML (Facebook Markup Language) y HTML, ahora habrá que usar XFBML para crear una aplicación. El objetivo: potenciar Facebook como plataforma estática de publicación dándole una herramienta que la acerca a un CMS sencillito. Facebook como alternativa a blogs y sitios web para la creación de escaparates virtuales resultones, que no queden limitados por FBML.
Ahora XFBML (eXtended FaceBook Markup Languaje) permitirá insertar en un iframe una completa página web (o sea con Flash, JavaScript y demás) en la pestaña creada con este lenguaje.

Veremos cómo afectará el nuevo escenario a las herramientas que se han venido usando para la creación de fan pages de aspecto profesional. ¿Pagemodo seguirá ofreciendo sus servicios, adaptados a las exigencias de XFBML?

Written by emiligene

marzo 5th, 2011 at 4:39 pm

Posted in desarrolloWeb

Tagged with , , , ,

YouTube deja la etiqueta object y adopta iframe

one comment

YouTube_iframe
Aunque ya lo había implementado de forma experimental desde el julio pasado, ahora son todos (al menos los muchos que he probado) los vídeos alojados en YouTube: el código para insertarlos abandona las etiquetas object, embed (no válida para el W3C) y param, y en su lugar solo usa la etiqueta iframe
El cambio implica un mayor cumplimiento de los estándares web (en la línea manifestada con la reciente decisión de Google de eliminar el soporte al codec propietario H.264 en su navegador para limitarse a los codecs multimedia abiertos), al tiempo que facilita la inserción de los vídeos (el código provisto es más ligero y sencillo) y facilita la reproducción al margen de Flash: si el navegador es plenamente compatible con HTML5 usará el reproductor integrado; si no, recurrirá a la versión Flash.

Written by emiligene

enero 22nd, 2011 at 8:24 pm

Cómo insertar una lista de reproducción de YouTube en tu blog

leave a comment

Todos sabemos cómo insertar un vídeo publicado en YouTube pero no está de más recordar que podemos hacer lo mismo con las playlists o listas de reproducción, un recurso que en ocasiones puede resultarnos útil. El resultado final es en principio el mismo, pero si pasas el mouse sobre el vídeo verás que aparece en la parte inferior el carrousel de vídeos que forman parte de la lista.
Lo primero, por supuesto, es crear una lista. Para ello entramos en nuestra cuenta y vamos a Mis vídeos y en el menú de navegación de la izquierda pulsamos sobre el botón Nuevo que encabeza la sección Listas de reproducción. Le damos un título, escribimos una descripción y elegimos etiquetas relacionadas. Una vez creada la lista añadimos los vídeos.
Una vez tengamos la lista, su nombre aparecerá en esta sección justo debajo del botón Nuevo. Pinchamos sobre el enlace y tendremos cuatro pestañas en la parte superior, el primero a la izquierda Compartir. Si la abrimos tendremos la URL de la lista y el código para insertar, muy semejante al que YouTube provee para insertar un vídeo.

Si prefieres optar por un código más ligero y que no exija el uso de Flash puedes recurrir a la etiqueta iframe.
En vez del código estándar:
<object width="480" height="385"><param name="movie" value="http://www.youtube.com/p/9F0BE1542731A2E3?hl=es_ES&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/p/9F0BE1542731A2E3?hl=es_ES&fs=1" type="application/x-shockwave-flash" width="480" height="385" allowscriptaccess="always" allowfullscreen="true"></embed></object>
copia y pega este otro:
<iframe src="http://www.youtube.com/embed/p/ID" width="100%" height="500" frameborder="0"></iframe> (sustituyendo ID por el identificador de tu lista (en el ejemplo de arriba, 9F0BE1542731A2E3)

Vía Labnol

Written by emiligene

septiembre 10th, 2010 at 9:58 pm

Posted in videoOnLine

Tagged with , ,