Crear contenidos H5P

H5P (HTML5 Package) es un estándar abierto para contenidos de aprendizaje interactivos directamente en el navegador. Con él construyes contenidos que ofrecen mucha más interacción que los clásicos cuestionarios de opción múltiple — desde vídeos interactivos hasta juegos de memoria y recorridos virtuales de 360°.

Qué tipos de H5P están disponibles

Tipo	Descripción	Ideal para
Interactive Video	Vídeos con preguntas de cuestionario, hotspots y enlaces integrados	Tutoriales con comprobaciones de comprensión
Course Presentation	Presentación basada en diapositivas con interacciones	Transmisión estructurada de conocimientos
Quiz (Question Set)	Varios tipos de pregunta combinados en un cuestionario	Test de cierre de una unidad de aprendizaje
Drag and Drop	Asignar elementos arrastrando y soltando	Clasificación, anatomía, diagramas
Fill in the Blanks	Textos con huecos	Vocabulario, tecnicismos
Memory Game	Memoria con pares de cartas	Pares de conceptos, ejercicios de sinónimos
Image Hotspots	Imágenes con puntos clicables	Explicar esquemas y diagramas
Timeline	Líneas de tiempo interactivas	Representaciones de historia o de procesos
Branching Scenario	Escenarios ramificados con decisiones	Juegos de rol, casos prácticos, habilidades blandas
Virtual Tour (360°)	Recorridos de 360 grados	Mostrar salas, máquinas, ubicaciones
Accordion	Bloques de información desplegables	FAQ, resúmenes estructurados
Dialog Cards	Tarjetas de aprendizaje con anverso y reverso	Vocabulario, preguntas con solución

Si te falta un tipo que ofrece el hub de H5P: la persona responsable de la plataforma puede instalarlo.

Crear un contenido H5P

1. En tu curso, crea una nueva lección.
2. Elige el tipo de lección H5P.
3. En el editor de H5P, elige el tipo de contenido (lista de tipos disponibles).
4. Diseña el contenido en el editor visual — todos los campos son de clic y escritura, sin código.
5. Guardar — la lección está disponible de inmediato.

Captura de pantalla pendiente

Editor de H5P con la selección de tipos de contenido

Ejemplo: Interactive Video

Uno de los tipos de H5P más potentes — encaja con cualquier tipo de vídeo explicativo que quieras enriquecer con comprobaciones de comprensión.

1. Lección de tipo H5P → elige el tipo de contenido Interactive Video.
2. Elige la fuente del vídeo:
3. URL (YouTube, Vimeo)
4. Subir un archivo desde la biblioteca de medios
5. Inserta interacciones en los puntos que quieras:
6. Mostrar una pregunta de opción múltiple en un segundo determinado
7. Un hotspot hacia un enlace externo
8. Un texto emergente con información complementaria
9. Una imagen emergente
10. Un cuestionario de resumen al final
11. Elige las opciones:
12. ¿El vídeo se pausa automáticamente en una interacción?
13. ¿Pueden los alumnos saltar las interacciones?
14. ¿Se muestra una puntuación total?
15. Previsualiza, ajusta y Guarda.

Captura de pantalla pendiente

Editor de Interactive Video con línea de tiempo y marcadores de interacción

Ejemplo: Branching Scenario

Adecuado para formaciones de habilidades blandas, juegos de rol, casos prácticos — los alumnos toman decisiones que llevan a distintos caminos en el contenido.

1. Lección de tipo H5P → elige el tipo de contenido Branching Scenario.
2. Define la secuencia inicial — p. ej. un vídeo o texto que describe la situación de partida.
3. Inserta puntos de decisión — plantea una pregunta y ofrece varias opciones de respuesta.
4. Por cada respuesta, enlaza un contenido posterior — nuevo texto, nuevo vídeo, nuevo punto de decisión.
5. Define los puntos finales — p. ej. con feedback o reflexión sobre lo aprendido.
6. Previsualiza, ajusta y Guarda.

Consejos de la práctica

• El editor en una pestaña de navegador aparte — puede tardar un momento en cargar la primera vez.
• Copiar contenidos H5P entre cursos — H5P ofrece su propia función de «copiar» en el editor (icono en la barra de herramientas), práctica para lecciones similares.
• Exportación como archivo .h5p posible — útil para hacer copias de seguridad o para transferir contenidos entre plataformas.
• Con contenidos grandes (Interactive Video con muchas apariciones, Course Presentation con muchas diapositivas) el guardado tarda más — espera al mensaje de confirmación, no hagas clic en otra parte mientras tanto.
• Prueba en móvil — muchos tipos de H5P se ven en tableta/móvil distintos a como se ven en el escritorio. Compruébalo en el modo de vista previa.

Qué reciben los alumnos

En cuanto la lección está guardada, los alumnos ven el contenido H5P en el mismo lugar que un cuestionario o un vídeo. Al trabajar con él:

• El progreso se guarda automáticamente — los alumnos pueden abandonar el contenido temporalmente y continuar más tarde justo donde lo dejaron.
• Los resultados influyen en la evaluación del curso — la puntuación del cuestionario, el acierto en arrastrar y soltar, etc. contribuyen a la finalización del curso.

Preguntas frecuentes

Mi contenido H5P no se reproduce — la página queda en blanco. Suele indicar que la conexión con el servidor H5P no funciona en ese momento. Recarga la página. Si no ayuda, dirígete a la persona responsable de la plataforma — puede comprobar el estado del servidor H5P.

Mi Interactive Video no carga el vídeo correcto. En URL externas (YouTube, Vimeo) comprueba si el vídeo sigue siendo público y no está restringido (p. ej. solo en ciertos países). Con un archivo subido desde la biblioteca de medios: prueba el vídeo directamente en la biblioteca.

Los alumnos dicen que se quedan atascados en el Branching Scenario. Recorre tú mismo el modo de vista previa y prueba todos los caminos. Tropiezos habituales: se olvidó un punto final, un camino lleva a un contenido vacío, una respuesta no se ramifica.

¿Puedo importar un contenido H5P de otra plataforma? Si está disponible como archivo .h5p: sí, impórtalo en el editor de H5P en Subir. La importación directa desde el hub de H5P.org: actualmente no está prevista en la interfaz, pero puedes descargar contenidos de allí como .h5p y luego subirlos.

¿Qué tan difícil es H5P frente a los cuestionarios clásicos? Para tipos de cuestionario sencillos (opción múltiple, texto con huecos) los tipos de lección nativos son más rápidos. H5P merece la pena cuando quieres cosas realmente interactivas (hotspots en el vídeo, escenarios ramificados, recorridos virtuales). Prevé algo de tiempo de aprendizaje para tu primer contenido H5P — después va más fluido.