Incrustar explainers
Un explainer no tiene que vivir solo en scrimba.com. Cualquier explainer al que puedas enlazar, también puedes incrustarlo: pega su código de inserción en tu página y el reproductor completo se ejecuta ahí dentro, con narración y todo. Este mismo sitio de documentación lo hace en cada capítulo de Python.
Cómo obtener el código de inserción
Abre el explainer, haz clic en el ícono de engranaje en la esquina inferior derecha del reproductor, y elige Copiar código de inserción. Eso pone un iframe en tu portapapeles:
<iframe src="https://scrimba.com/explain/guide098kq1ukg" width="800" height="450" style="border:0" allow="autoplay; fullscreen" allowfullscreen></iframe>Para un explainer vertical el código viene con el tamaño width="450" height="800" en su lugar, y el reproductor incrustado se ejecuta en su diseño alargado.
Pégalo donde tu sitio acepte HTML: una entrada de blog, una página de documentación, un bloque de un CMS. Ajusta width y height a lo que le quede bien a tu diseño, en píxeles o en porcentaje. Dale una altura generosa: las diapositivas con un quiz o un bloque de código largo necesitan espacio, y un marco corto las recorta.
Aquí está funcionando en esta página:
Lo que ven los espectadores
Los visitantes no necesitan una cuenta de Scrimba para ver un explainer incrustado. Las reglas de visibilidad son las mismas que para el enlace en sí: un explainer público o no listado se reproduce para cualquiera, mientras que uno privado solo se reproduce para las personas con quienes se compartió, así que configura tu explainer como mínimo en no listado antes de incrustarlo.
Cada lección de una playlist es un explainer normal con su propia URL y su propio código de inserción, así que puedes incrustar una lección o varias.