This media widget can embed image, audio, video and iframe elements solely with their corresponding tags (
<iframe>) or wrapped within a
<figure> when used with a caption.
In case the media element is wrapped within a
figure element, this widget will add the CSS class
media and one of
iframe. It also supports alignment, currently by setting an appropriate CSS class, and the attributes
controls(audio and video) and
allowfullscreen (iframe) are automatically set.
If you have installed a file browser that uses the filebrowser API (see filebrowser add-on), the Browse server button will appear. This widget itself does not provide any file browser.
The recommended way to install all CKEditor add-ons is to create a custom build by using Online builder. To do that, click the Add to my editor button on the plugin page. When you are done, click the Build my editor button on the right side of the page to go to Online builder.
Note: This add-on is already selected to be a part of your current build.
Add-on installation instructions
If you want to add the plugin manually, you will need to:
- Extract the downloaded plugin
pluginsfolder of your CKEditor installation. Example:
- Enable the plugin by using the
extraPluginsconfiguration setting. Example:
config.extraPlugins = 'media';
- Download and configure all its dependencies, too.
Note: The plugin may have additional requirements. Check the add-on page and documentation for more details.