Home > Technical Support > Tips & Tricks > Customer portal > How to insert video into KB article

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.

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.


Result:


Source code of the video above:

<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="400" src="https://www.youtube.com/embed/aqz-KE-bpKQ" width="100%"></iframe>

If you wish to get embed code of video from Vimeo, follow this brief article - https://www.miracletutorials.com/howto-embed-vimeo/

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.

Example:


Source code of the video above:

<video controls="" width="100%"><source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4" /></video>

Ready to try LiveAgent?

It's free for the first 14 days! No credit card required.

Get Started
We work well with others...
Magento Joomla Wordpress Mailchimp
Contact us

support@liveagent.com

+1-800-811-6590 (Toll Free in USA & Canada)

+421 2 33 456 826 (European Union & Worldwide)

Quality Unit, LLC 616 Corporate Way, Suite 2-3278 Valley Cottage, NY 10989

Stay in touch
Blog Google+
© 2004-2020 LiveAgent.com, All rights reserved