Adding videos to articles

  • Updated on Mar 1, 2025
  • Published on Dec 14, 2023
  • 2 minute(s) read
  • Janeera D A
  • Pradeep Srinivasan
  • Manoharan Soundarraj
 Prev Next

Plans supporting the addition of videos in articles

Professional
Business
Enterprise






Videos can explain complex concepts better than text alone. They make it easier for users to understand instructions, tutorials, and detailed processes. Videos capture attention and keep users engaged longer than plain text. In Document360, by using Insert video and Insert file options in the toolbar you can add videos to the article and category pages.

Insert a video in the Markdown editor

You can insert a video in the Markdown editor in two ways:

  1. Method 1: To insert a video by URL.

  2. Method 2: To insert a video available in the Drive.

To insert a video using the Insert video method:

  1. Navigate to the desired article in the Markdown editor.

  2. Click the Insert video () icon.

    The Insert video panel will appear.

  3. Paste the video URL (YouTube, Wistia, and Vimeo) in the first text field.

  4. Give an alternative text for the video in the Alt Text field.

  5. Click OK.

Inserting a video in markdown using the Insert video option in the Knowledge base portal.  

To insert a video using the Insert file method:

  1. Navigate to the desired article in the Markdown editor.

  2. Click the Insert file () icon.

  3. Select the desired video from the Drive and click Insert.

  4. Update the desired pixel height and width.

NOTE

Similarly, you can add videos to the WYSIWYG editor.

Inserting a video in markdown using the Insert file option in the Knowledge base portal.

Insert a video in the Advanced WYSIWYG editor

To insert a video in the Advanced WYSIWYG editor:

  1. Navigate to the desired article in the Advanced WYSIWYG editor.

  2. Use the Slash command /video and select Video.

    The Insert video panel will appear, providing multiple options to add a video:

    1. Embed URL:

      • Enter video URL: Self-hosted video URL from platforms such as Wistia, YouTube, Vimeo, and more. Update the desired pixel height and width in the editor.

      • Enter embed URL: The URL available on Video hosting platforms.

    2. Embed code: The embed code snippet is available with the video on specific platforms such as Wistia, YouTube, Vimeo, and more.

    3. Drive: Choose the desired video from the drive.

Once the video is uploaded, a preview will appear.

Insert video options in the Advanced WYSIWYG editor with highlighted elements for guidance.

Troubleshooting

This section provides a solution to any issue you may encounter when embedding videos in Document360 articles.

Unable to insert Vimeo video using the provided embed code

Error: When attempting to insert a Vimeo video, the embed code may not work if it contains unsupported tags such as <div> and <script>. Document360 only supports the <iframe> tag for embedding videos.

Steps to resolve:

To successfully insert a Vimeo video, follow these steps:

  1. Remove unsupported tags: Keep only the <iframe> tag from the Vimeo embed code.

  2. Set position to "relative": Adjust the position setting to ensure the video is responsive and displays correctly.

Before (unsupported 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>

After (supported 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>

FAQs

Can the search function in Document360 search captions within videos?

No, video captions will not be fetched in the search results.

Can Document360 detect broken videos in the articles?

Document360's link analytics feature can identify broken links. This feature validates your project's links, including media files, videos, and images.

Your title goes here

For more informatio, read the article on Link status

For more information, please refer to the article on Link Status.

Related articles