How to embed YouTube videos into Centercode

Provide seamless and engaging video resources directly within the Centercode interface

This article applies to ProTeam, and Legacy editions.

Note that while Centercode’s integration features are intended to be approachable by a Centercode Program Manager, you might need to enlist help from an internal technical resource and refer to our vocabulary and troubleshooting documentation.

Integrating YouTube into your Centercode platform utilizes YouTube’s Embed feature and the Centercode Visual Editor’s (CVE - the WYSIWYG used within the system) “source” feature. To complete this integration, you’ll need:

  • A published YouTube video with embedding permissions
  • Access to creating Centercode content or releases at the intended level

Acquiring the YouTube embed code

Read more about retrieving the embed code on this YouTube support page.

Here are the highlights:

  1. Go to the YouTube video you want to embed
  2. Click on the Share button located under the video
  3. Click on the Embed button

  4. Choose the size of the video player by selecting one of the available options
  5. Copy the HTML Embed code provided

Embedding a YouTube video into content or a release

The next step is to insert the embed code into the Centercode resource of your choice. Typically, this will be content or releases. In this example, we’ll insert the YouTube video into project-level content.

From your Project Home:

  1. Click the Management menu, then Content to access Content Management
  2. Create new content or modify an existing one
  3. Within the Modify content page, select the Media drop-down menu and select Embed Code
  4. Paste the embed code for the YouTube video you want to insert 
  5. Complete any additional, optional fields
  6. Click Submit

If your YouTube video’s access was set properly and the embed code was copy-pasted correctly, viewing the content should now include the embedded YouTube video as shown below:

Troubleshooting your embed

My video is not displaying in Centercode

There are a few reasons why your embedded video content may not be displaying properly. 

  1. Double-check your copied embed code to make sure it does not contain special characters
  2. Double-check the permissions of the video content on YouTube to ensure you can embed this content
  3. Try inserting the embed code into the source directly via the WYSIWYG editor
  4. Try pasting the URL to your YouTube video in the Media drop-down menu 

If all else fails, don’t hesitate to reach out to the Centercode Support team for further assistance. 

 

I want to adjust the alignment of the embedded video

If you want to align the content in the center or to the right, you may need to manually add those specifications in the source on the WYSIWYG.  The video below demonstrates this process: