Articles in this section

See more

Embedding a Video

Avatar
John Mackenzie
Updated
Follow

What is it?

The WYSIWYG editor within MC Professional will allow you to paste in embed code from a video hosting site (ex. YouTube or Vimeo) so that the video appears within an article on your MC Professional website.

How to Embed a Video

First, find the video you want to embed. You may be embedding a video from YouTube, Vimeo, or another video hosting platform. 

YouTube

YouTube provides embed code on a per video basis. I've included an example below of the process required to embed a YouTube video.

First, find the video you want to embed and click "Share." 

Screen_Shot_2016-09-03_at_11.04.57_AM.png

Of the Share options, choose "Embed." Copy the iframe code provided.

Screen_Shot_2016-09-03_at_11.05.32_AM.png

With the embed code copied, add or edit an MC Professional article. Inside the article, click on the HTML button.

Screen_Shot_2016-09-03_at_11.09.09_AM.png

Paste your embed code into the HTML editor.

Screen_Shot_2016-09-03_at_11.10.01_AM.png

The final embedded video will display in the Admin and user view of the article as a yellow square.

Screen_Shot_2016-09-01_at_4.15.50_PM.png

Your video will then appear on the front of your site ready to play. 

Screen_Shot_2016-09-03_at_11.12.05_AM.png

Vimeo

Vimeo also provides embed code on a per video basis. When viewing a Vimeo video, access the embed code by clicking on the share icon in the top right-hand corner of the video.

Screen_Shot_2016-09-03_at_11.13.26_AM.png

Next, copy the Embed code provided.

Screen_Shot_2016-09-03_at_11.15.27_AM.png

With the embed code copied, add or edit an MC Professional article. Inside the article, click on the HTML button.

Screen_Shot_2016-09-03_at_11.16.21_AM.png

Paste the embed code into the HTML editor.

Screen_Shot_2016-09-03_at_11.17.23_AM.png

The final embedded video will display in the Admin and user view of the article as a yellow square.

Screen_Shot_2016-09-03_at_11.12.05_AM.png

Troubleshooting Tips

  • Video not showing - Occasionally, when viewing a secure page (a page whose URL starts with https), some browsers will prevent 'mixed' content from displaying. This means that videos with links that start with http (instead of https) will not show. Most reputable video hosts have both secure and non-secure pages. If your video is not appearing, try adding an 's' after the http of the source of the video. 

Screen_Shot_2013-11-04_at_2.33.39_PM.png

NOTE: this will most often apply to older Youtube and Vimeo videos.  As of the publish date of this help article, both services have dropped the 'http/https' portion of their code and start the video source with "//".

  • YouTube videos disappearing behind menus in Internet Explorer - Unfortunately, this is a common issue. To fix this, a parameter called 'wmode' must be added to the video's HTML. To make this change, you'll need to do one of two things.
    • If the source of the video already has a '?', Screen_Shot_2013-11-04_at_2.36.42_PM.pngyou will add the following code to the URL just before the end quotation mark:

      &wmode=transparentScreen_Shot_2013-11-04_at_2.35.22_PM.png
    • If the source doesn't have a ?, you will add the following to the URL:

      ?wmode=transparentScreen_Shot_2013-11-04_at_2.38.36_PM.png

NOTE: External sites like YouTube and Vimeo often change their embed codes. We will try to make updates to this page as we learn them, but if you've noticed a code change that isn't reflected above, please leave a comment to let us know.

Related articles