Video's toevoegen aan artikelen

Video's vereenvoudigen complexe concepten beter dan alleen tekst. Ze maken het voor gebruikers makkelijker om instructies, tutorials en gedetailleerde processen te begrijpen. Video's trekken de aandacht en houden gebruikers langer betrokken dan gewone tekst. In Document360 kun je de opties Video invoegen en Bestand invoegen in de werkbalk gebruiken om video's toe te voegen aan de artikel- en categoriepagina's.

Voeg een video in in de Markdown-editor

Je kunt een video op twee manieren in de Markdown-editor invoegen:

1. Methode 1: Een video invoegen via URL.

2. Methode 2: Een video invoegen die beschikbaar is in de Drive.

Voeg een video in in de Advanced WYSIWYG-editor

Om een video in te voegen in de Advanced WYSIWYG-editor:

1. Navigeer naar het gewenste artikel in de Advanced WYSIWYG-editor.

2. Gebruik het /video Slash-commando en selecteer Video.

   Het panel 'Video invoegen ' verschijnt en biedt meerdere opties om een video toe te voegen:

   1. Embed URL:

      • Voer video-URL in: Zelfgehoste video-URL van platforms zoals Wistia, YouTube, Vimeo en meer. Werk de gewenste pixelhoogte en -breedte bij in de editor.

      • Voer de embed URL in: de URL die beschikbaar is op videohostingplatforms.

   2. Embed-code: Het embedcode-fragment is beschikbaar bij de video op specifieke platforms zoals Wistia, YouTube, Vimeo en meer.

   3. Schijf: Kies de gewenste video van de schijf.

Zodra de video is geüpload, verschijnt er een preview.

Probleemoplossing

Deze sectie biedt een oplossing voor elk probleem dat je kunt tegenkomen bij het inbedden van video's in Document360-artikelen.

Kan Vimeo-video niet invoegen met de meegeleverde embedcode

Fout: Bij het proberen van een Vimeo-video in te voegen, werkt de embed-code mogelijk niet als deze niet-ondersteunde tags bevat zoals <div> en <script>. Document360 ondersteunt de <iframe> tag alleen voor het inbedden van video's.

Stappen om op te lossen:

Om succesvol een Vimeo-video in te voegen, volgt u deze stappen:

1. Verwijder niet-ondersteunde tags: Bewaar alleen de <iframe> tag uit de Vimeo-embedcode.

2. Stel positie in op "relatief": Pas de positie-instelling aan om te zorgen dat de video responsief is en correct wordt weergegeven.

Voor (niet-ondersteunde code):

<div style="padding:56.25% 0 0 0;position:relative;">
  <iframe src="https://player.vimeo.com/video/1053359488?badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" 
  frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media" 
  style="position:absolute;top:0;left:0;width:100%;height:100%;" 
  title="Document360-Microsoft-Customer-Story"></iframe>
</div>
<script src="https://player.vimeo.com/api/player.js"></script>

Na (ondersteunde code):

<iframe src="https://player.vimeo.com/video/1053359488?badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" 
frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media" 
style="position:relative;width:100%;height:100%;" 
title="Document360-Microsoft-Customer-Story"></iframe>