To be able to load videos from other websites in an iframe, it is required to disable the "Enable CSP headers for KB" option in Configuration > Security > Settings.
Embeded video from YouTube
- Under the chosen YouTube video, click
SHARE button.
- Click Embed.
From the box that appears, copy the HTML code.
- 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.
If, after embedding the video in your article, you are facing a 153 error, like at the screenshot below.
You need to check the "Enable privacy-enhanced mode." checkbox when copying the code of the video from YouTube. Place the code into the article source standard way.
Result:
Source code of the video above:
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/aqz-KE-bpKQ?si=sb7qJ58cjVeGvVcv" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
If you wish to get embed code of video from Vimeo, follow this guide.
Embed a self-hosted HTML5 video
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>