Joomla 3.x. How to add video to an article

This tutorial is going to show you how to add video to an article in Joomla 3.x based template.

Joomla 3.x. How to add video to an article

By default, Joomla 3.x does not allow certain types of codes to be added into articles. To be able to put iframe tag to your article, you need to remove iframe from Prohibited Elements. Please, follow the steps below:

1. Log into your Joomla backend. Navigate to Extension > Plugin Manager:

   

2. Find and edit TinyMCE Editor settings in the Plugin Manager. Remove the word “iframe” from Prohibited Elements field:

   

Follow the steps below to find out the iFrame code:

1. Open video you want to embed in YouTube/Vimeo.

2. Click on Share > Embed button.

3. Copy code from iframe box:

   

Create/edit article and paste video embed code in HTML editing mode. To do that, click Toggle editor button at the bottom:

1. Click on Content-> Article Manager tab:

   

2. Click on Toggle editor to paste the Youtube Video embed code:

   

3. Save the article and refresh your site to see the change.

Feel free to check the detailed video tutorial below:

Joomla 3.x. How to add video to an article