• The default language of any content posted is English.
    Do not create multi-accounts, you will be blocked! For more information about rules, limits, and more, visit the Help page.
    Found a dead link? Use the report button!
  • Information: Safety & Support
    Resources here are generally safe, but false positives may occur on Virustotal due to certain coding techniques. Exercise caution and test before use.
    Consider buying licenses to support developers. Your security is our priority.
Embed an IFrame into Joomla

Embed an IFrame into Joomla 1.0.1

Developer
JoomHelper
code.png


Inserting iframes is becoming more and more popular. However, for security reasons, some Joomla editors still limit this feature. Unlocking features is also difficult for new users.

The plugin below will help you insert iframes into articles or modules more easily.

Main features of the plugin:

  • Works on all versions of Joomla
  • Supports inserting Youtube Video, Twitter Feed, Twitter Post.
  • Supports embedding of allowed websites
  • Only load the embedded page when it's in the user's viewport. Therefore, your web loading speed will not be affected.
  • Supports proportional size format. It helps iframes (videos) display better on all devices.

Installing

1. After successfully installing the plugin, go to plugin management > Content - Embed iFrame

2. In here, you set the default size of the iframe. The default size will be used if the system cannot find the iframe's declared size.

There are 2 options to set the size:
  • Fixed (Unit: px): Width x Height
  • Ratio: Width : Height
For example, you want to display YouTube videos in a 16:9 ratio on all devices. You select "Ratio" and the value is "16:9".

Embed iFrame configuration


3. Enable plugin to get started.

Using

Go to article management, select the article you want to insert an iframe, add the following short code:

{iframe <URL>|<SIZE:OPTION>}
  • <URL>: URL of the website you want to embed. Note that some websites may not be embeddable due to their privacy policies.
  • <SIZE>: Optional parameter. If this parameter is not present, the system will use the default size. This parameter has 2 formats:
    • [Width]x[Height]: Fixed, Unit px.
    • [Width]:[Height]: Dimensions in width/height ratio.
1.0.1Version
16 Downloads
57 Views
0.00 star(s) 0 ratings
Last update

More resources from raz0r

Similar resources

4AI - The Joomla AI assistant raz0r
The Joomla AI assistant that's always with you
5.00 star(s) 1 ratings
Downloads
86
Updated
4SEF - Joomla 4 SEO extensions for SEF URLS raz0r
0.00 star(s) 0 ratings
Downloads
220
Updated
4SEO - All-in-on SEO Joomla extension raz0r
5.00 star(s) 1 ratings
Downloads
329
Updated
AcyMailing Enterprise for Joomla raz0r
Best WordPress and Joomla! newsletter plugin
5.00 star(s) 1 ratings
Downloads
363
Updated
CDN for Joomla! Pro raz0r
Use a Content Delivery Network in Joomla!
0.00 star(s) 0 ratings
Downloads
75
Updated
Top