How to Embed Videos in Joomla!
Table of Contents
By default, Joomla! automatically strips out iframe and some other HTML elements for security reasons. In order to embed videos from popular providers like YouTube and Vimeo, you have to disable the filtering of the iframe tag. This tutorial will cover how to do it for the default Joomla! TinyMCE editor.
Joomla! 4
Editing TinyMCE Settings
On the Joomla! 4 administrator dashboard click Plugins. Find the plugin called Editor-TinyMCE and click on it. When the settings page opens, find the text field that is called Prohibited Elements. You will see – script,applet,iframe – written inside the box. Delete iframe from this box so that the final text reads: script,applet.
Click on Save & Close to apply the change. The above settings should now allow you to embed iframe videos into your Joomla! 4 articles when using the default TinyMCE editor. If you continue being unable to do so, read on.
Editing Global Configuration Settings
Joomla! 4 may also filter the iframe HTML tag depending on your user type. To check the settings for your user type, go to System from the administrator dashboard and click Global Configuration. Navigate to the Text Filters tab. You will see a list of user groups and the type of filtering that corresponds. Make sure your user group is set to No Filtering.
Embedding a YouTube Video
To embed a YouTube video on a Joomla! 4 page, you first need to get the iframe embed code. Open the video you want to embed, click the Share button and then select Embed.
Then go and edit the article where you want the video to appear. In the editor, click on the Insert/edit media icon.
In the box that pops up, select Embed and paste the video embed code where you want the video to appear. Finally, click Ok, then Save your changes and your video should now be displayed on your page!
Joomla! 3
Editing TinyMCE Settings
From the top menu of your Joomla! 3.x admin, go to Extensions > Plugins. Find the plugin called Editor-TinyMCE and click on it. When the settings page opens, find the text field that is called Prohibited Elements. You will see – script,applet,iframe – written inside the box. Delete iframe from this box so that the final text reads: script,applet.
The above settings should now allow you to embed iframe videos into your Joomla! 3.x articles when using the default TinyMCE editor. If you continue being unable to do so, read on.
Editing Global Configuration Settings
Joomla! 3.x may also filter the iframe HTML tag depending on your user type. To check the settings for your user type, go to System on the top bar and click Global Configuration. Navigate to the Text Filters tab. You will see a list of user groups and the type of filtering that corresponds. Make sure your user group is set to No Filtering.
Embedding a YouTube Video
To embed a YouTube video on a Joomla! 3.x page, you first need to get the iframe embed code. Open the video you want to embed, click the Share button and then select Embed.
Then go and edit the Joomla! 3.x article where you want the video to appear. In the editor, click on the Source Code icon.
In the source code box that pops up, paste the video embed code where you want the video to appear. Finally, click Ok, then Save your changes and your video should now be displayed on your page!