Como insertar un vídeo de YouTube en App Inventor

Podemos insertar un vídeo de YouTube en App Inventor haciendo uso de la misma técnica que haríamos para incrustrarlo en cualquier página web. Para ello visitaremos la página del vídeo que queramos añadir, pulsaremos debajo del vídeo sobre "Compartir" y posteriormente en "Insertar". Se abrirá un campo de texto con el código HTML que copiaremos para crear nuestro documento web.

El truco para que quede perfectamente en nuestra app, sin ningún tipo de margen ni relleno, será crear una página HTML que "resetee" todos los estilos CSS predeterminados para cualquier navegador. Nosotros utilizaremos el componente VisorWeb de App Inventor y lo apuntaremos precisamente a este fichero.

 

Os dejo un enlace a un ejemplo de fichero HTML donde estará el fragmento copiado de un vídeo de YouTube y el estilo reseteado que podríais usar como plantilla cambiando simplemente el código de YouTube al vídeo que queráis mostrar.

 

Como prueba de concepto una app con un visor web donde se ha subido a través del botón medios el fichero HTML con el vídeo incrustrado:

¡Eso es todo!