How to insert video into KB article

Every LiveAgent installation comes with a sample Customer portal page that is actually the index page of LiveAgent.

A few customers have asked us if they are able to insert videos into the knowledgebase articles of LiveAgent. The answer is - Yes! Here are 2 general methods of how to do so.

Due to the new security update, you have to disable the "CSP headers for KB" option in Configuration > Security > Settings in order to display an iframe in your KB article.

Embed a video from YouTube

  1. Using a browser, navigate to the YouTube video you want to embed.
  2. Under the video, click Share SHARE.
  3. Click Embed.
  4. From the box that appears, copy the HTML code.

5. Paste the code into your article which you can find through the Customer portal section. You need to edit the article in HTML by clicking the "Source" button in the editor panel before you can insert the code.


Source code of the video above:

<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="400" src="" width="100%"></iframe>

If you wish to get embed code of video from Vimeo, follow this brief article -

Embed a self-hosted HTML5 video

Before HTML5, a video could only be played in a browser with a plug-in (like flash). The HTML5 <video> element specifies a standard way to embed a video in a web page. The video you want to embed to your article has to be reachable via URL address.


Source code of the video above:

<video controls="" width="100%"><source src="" type="video/mp4" /></video>