Publishing Brightcove Players in Joomla

Product(s)
Video Cloud
Role(s)
Studio User
Task(s)
Publish Videos
Topic(s)
CMS Integrations

In this topic you will learn how to publish Brightcove Players to Joomla.

Joomla is a popular, open-source, content management system (CMS), which enables you to build Web sites and powerful online applications. You can learn more about Joomla here. This topic shows you how you can easily publish Brightcove Players to your Joomla pages.

The steps and images in this topic were taken using Joomla 3.9.6.

To publish a Brightcove Player to a Joomla page, the following steps are required:

Checking the Joomla editor settings

By default, Joomla is configured to use the TinyMCE editor. The TinyMCE editor is configured to strip certain HTML tags when they are pasted into the editor. In order to paste in the Standard (iframe) player publishing code into the Joomla editor, you need to make sure that the <iframe> tag will not be removed by the editor.

  1. Login as administrator into your Joomla backend.
  2. Select Extensions > Plugins.
  3. Enter tinymce in the search box and click the search button.
  4. Confirm that one item is returned, Editor - TinyMCE.
  5. Click on the Editor - TinyMCE plugin link to edit its settings.
  6. Locate the Prohibited Elements section and make sure iframe is not listed. If iframe is listed, remove it from the list.

    Note: Joomla requires that there be a value in the Prohibited Elements field. If removing the iframe entry will leave this field blank, enter "none" in this field.

  7. Click Save at the top of the page to save your changes.

The TinyMCE editor will also strip out the <script> tag when using the Advanced (in-page) player publishing code. One way around this is to configure your Joomla instance to not use the TinyMCE editor. To select another editor, follow these steps:

  1. Go to System > Global Configuration.
  2. Click the Site tab.
  3. Find the Default Editor option.
  4. Set this option to Editor - None. We have also found selecting Editor - CodeMirror will not strip the <script> tag.
  5. Click Save & Close.

If your Joomla installation is configured to use another editor, you need to make sure that the player publishing code is not edited by the editor when you paste and save the code in Joomla. This may require you to change other Joomla settings or possibly use an extension (Jumi or Sourcerer) to allow you to paste in JavaScript code into your editor.

Paste in the player embed code

Once your editor is configured so that it will not edit the code, you can generate the player embed code.

  1. Using the Media module, generate the embed code for your the video you want to publish.
  2. Open the page you want to edit in Joomla.
  3. Click the Toggle editor button at the bottom of the editor to go into HTML mode.
  4. Paste in your player publishing code and click Save & Close.
  5. Verify that the video appears and plays on your page.