Je kunt elke Loom-video direct in je artikelen inbedden met behulp van de embed-code die Loom genereert. In tegenstelling tot sommige platforms biedt Loom een kant-en-klare embedcode die werkt op alle drie de Document360-editors zonder dat je een URL hoeft te wijzigen.
Wanneer te gebruiken met ingebed getouwen
- Schermopnames en walkthroughs: plaats een Loom-opname naast een procedure om lezers een visuele demonstratie te geven zonder het artikel te verlaten.
- Asynchrone teamcommunicatie: sluit Loom-video's in interne kennisbasisartikelen om context, aankondigingen of uitleg in videovorm te delen.
- Vervanging van lange geschreven uitleg: voor complexe UI-workflows kan een embedded Loom-video in enkele seconden communiceren wat meerdere alinea's zou kosten om te beschrijven.
Snelle referentie
Loom genereert de embed-code voor je. Het onderstaande voorbeeld laat zien hoe een typische Loom-embedcode eruitziet; Die van jou zal je eigen video-ID bevatten.
<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>
Het padding-bottom percentage bepaalt de beeldverhouding van de videocontainer. Loom stelt dit automatisch in op basis van de gewenste grootte.
Hoe je een Loom-video inbed
Haal de embed-code van Loom
- Ga naar Loom en open de video die je wilt inbouwen.
- Klik op Delen > Embed.
- Selecteer het vakje 'Vaste grootte' en kies je gewenste videogrootte.
- Klik op Kopieer embed code.
Plak de embedcode in Document360
De volgende stap hangt af van welke editor je gebruikt:
| Redacteur | Stappen |
|---|---|
| Markdown-editor | Plak de gekopieerde embedcode direct in de editor op de gewenste locatie. |
| WYSIWYG-editor | Klik op Video invoegen > Ingebedde code. Plak de code en klik op Invoegen. |
| Geavanceerde WYSIWYG-editor | Klik op Video invoegen > > code inbedden. Plak de code en klik op Toevoegen embed. |
De Loom-video is nu in je artikel opgenomen.
Voorbeeld
Embed-code:
<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>
Output:
Reikwijdte en dekking
| Item | Detail |
|---|---|
| Inbedding van code bron | Gegenereerd door Loom, geen handmatige URL-wijziging nodig |
| Grootte-opties | Vaste grootte (geselecteerd in Loom) of responsief (standaard) |
| Redacteurondersteuning | Markdown, WYSIWYG en Advanced WYSIWYG, stappen verschillen per editor |
| Beeldverhouding | Gecontroleerd door het padding-bottom percentage in de embed-code |
Best practices
- Gebruik vaste grootte voor voorspelbare lay-out: de optie 'vaste grootte' in Loom stelt expliciete afmetingen in in de embed-code, wat een consistent resultaat oplevert over browsers heen. De responsieve standaard vult de breedte van de container, die er anders uit kan zien afhankelijk van je artikellay-out.
- Controleer de privacy-instellingen van video's voordat je inbedding: Loom-video's kunnen worden ingesteld op privé, openbaar of alleen voor de werkruimte. Een privévideo is niet te bekijken voor lezers buiten je Loom-werkruimte. Zorg ervoor dat de video op openbaar of het juiste deelniveau is ingesteld voordat je het inbedding maakt.
- Vergeef de voorkeur aan de Advanced WYSIWYG embed-flow boven het plakken van raw HTML: met Insert > Video > Embed-code blijft het videoblok goed gestructureerd binnen de editor. Het direct plakken van raw HTML kan werken, maar kan later lastiger zijn om te bewerken of te verplaatsen.
- Voeg een korte beschrijving toe boven of onder de embed: lezers die hulpmiddelen gebruiken of beperkende browserinstellingen kunnen mogelijk geen ingesloten video's bekijken. Een samenvatting van één zin van wat de video behandelt, zorgt ervoor dat de inhoud toegankelijk is voor alle lezers.
- Houd Loom-opnames beknopt: ingesloten video's die te lang zijn, verkleinen de kans dat lezers ze zullen bekijken. Voor kennisbasisartikelen, mik op video's van minder dan 3 minuten en gebruik hoofdstukken of tijdstempels in de Loom-opname als de inhoud complex is.