Puedes incrustar cualquier vídeo de Loom directamente en tus artículos usando el código de embed que genera Loom. A diferencia de algunas plataformas, Loom proporciona un código embebido listo para usar que funciona en los tres editores de Document360 sin necesidad de modificar la URL.
Cuándo usar embeds de telar
- Grabaciones de pantalla y guías: incrusta una grabación de Tejar junto a un procedimiento para ofrecer a los lectores una demostración visual sin abandonar el artículo.
- Comunicación asíncrona en equipo: inserta vídeos de Loom en artículos internos de la base de conocimiento para compartir contexto, anuncios o explicaciones en formato vídeo.
- Sustituyendo las explicaciones largas escritas: para flujos de trabajo complejos de la interfaz, un vídeo integrado de Loom puede comunicar en segundos lo que requeriría varios párrafos para describir.
Referencia rápida
Loom genera el código de embed por ti. El ejemplo siguiente muestra cómo es un código típico de embed de Loom; el tuyo contendrá tu propio ID de vídeo.
<div style="position: relative; padding-bottom: 41.66666666666667%; height: 0;">
<iframe src="https://www.loom.com/embed/982aa03ae70544ddaf5e390722edf9d2"
frameborder="0"
webkitallowfullscreen
mozallowfullscreen
allowfullscreen
style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;">
</iframe>
</div>
El padding-bottom porcentaje controla la relación de aspecto del contenedor de vídeo. Loom lo configura automáticamente según el tamaño que elijas.
Cómo incrustar un vídeo de Loom
Consigue el código de incrustación en Loom
- Ve a Loom y abre el vídeo que quieres incrustar.
- Haz clic en Compartir > Incrustar.
- Selecciona la casilla de Tamaño fijo y elige el tamaño de vídeo que deseas.
- Haz clic en Copiar código incrustado.
Pega el código de incrustación en Document360
El siguiente paso depende del editor que estés usando:
| Editor | Pasos |
|---|---|
| Editor Markdown | Pega el código de incrustación copiado directamente en el editor en la ubicación deseada. |
| Editor WYSIWYG | Haz clic en Insertar vídeo > Código incrustado. Pega el código y haz clic en Insertar. |
| Editor avanzado WYSIWYG | Haz clic en Insertar > vídeo > Incrustar código. Pega el código y haz clic en Añadir incrustar. |
El vídeo de Loom ya está integrado en tu artículo.
Ejemplo
Código de incrustación:
<div style="position: relative; padding-bottom: 41.66666666666667%; height: 0;">
<iframe src="https://www.loom.com/embed/982aa03ae70544ddaf5e390722edf9d2"
frameborder="0"
webkitallowfullscreen
mozallowfullscreen
allowfullscreen
style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;">
</iframe>
</div>
Salida:
Alcance y cobertura
| Punto | Detalle |
|---|---|
| Fuente de código incrustado | Generado por Loom, no se necesita modificar manualmente la URL |
| Opciones de tamaño | Tamaño fijo (seleccionado en Loom) o responsivo (por defecto) |
| Soporte para editores | Markdown, WYSIWYG y Advanced WYSIWYG, los pasos varían según el editor |
| Relación de aspecto | Controlado por el padding-bottom porcentaje en el código embebido |
Mejores prácticas
- Usa tamaño fijo para un diseño predecible: la opción de tamaño fijo en Loom establece dimensiones explícitas en el código de incrustación, lo que produce un resultado consistente entre navegadores. El predeterminado responsivo llena el ancho del contenedor, que puede variar según el diseño de tu artículo.
- Revisa la configuración de privacidad de vídeo antes de incrustar: Los vídeos de Loom pueden configurarse como privados, públicos o solo para espacios de trabajo. Un vídeo privado no será visible por lectores fuera de tu espacio de trabajo en Loom. Asegúrate de que el vídeo esté configurado como público o en el nivel de compartición adecuado antes de incrustarlo.
- Prefiero el flujo avanzado de incrustación WYSIWYG en lugar de pegar HTML en bruto: usar código Insertar > Vídeo > Embed mantiene el bloque de vídeo correctamente estructurado dentro del editor. Pegar HTML en bruto directamente puede funcionar, pero puede ser más difícil de editar o mover más adelante.
- Añade una breve descripción arriba o abajo del incrustado: los lectores que utilicen tecnologías de asistencia o ajustes restrictivos del navegador pueden no poder ver vídeos incrustados. Un resumen de una frase de lo que cubre el vídeo garantiza que el contenido sea accesible para todos los lectores.
- Mantén las grabaciones de Loom concisas: los vídeos incrustados que son demasiado largos reducen la probabilidad de que los lectores los vean. Para los artículos de la base de conocimiento, busca vídeos de menos de 3 minutos y utiliza capítulos o marcas de tiempo en la grabación de Tejar si el contenido es complejo.