Embedding content

Content hosted elsewhere, such as a YouTube video, can be embedded into your site by adding it inside an iframe.

Video tutorial: Embedding content

First copy the HTML embed code provided for your chosen content.

In the CMS, open the page you want to add the content to.

Click the Source button on the toolbar to view the source code for the page and place your cursor at the point you want to embed your content and paste in the embed code you copied earlier.

To ensure your content shows on the page you will need to nest the embed code you have copied inside a set of paragraph tags and a 'safe' iframe.

To do this add opening and closing paragraph HTML tags either side of the embed code you have just pasted. Then amend the embed code by adding 'safe-' at the front of the iframe tag. See the bold text in the example below.

<p><safe-iframe ...HTML embed code you pasted...></safe-iframe></p>

Save changes.

Embedding video

Videos need to be uploaded to either YouTube or Vimeo prior to being embedded in a web page in the CMS. Vimeo may be a better option due to the security settings available, but it does come with a cost.

First, upload your video to either YouTube or Vimeo (ensure you test your video after upload). Click on the Share button.

Click on embed and copy the HTML code provided.

In the CMS, open the page you want to add the video to.

View the source code for the page and place your cursor at the point you want to embed the video. Paste in the embed code you copied earlier.

For your video to show on the page you will need to nest the embed code you have copied inside a set of paragraph tags.

You will also need to amend the embed code you pasted in by adding 'safe-' at the front of the iframe tag. See the bold text in the example below.

<p><safe-iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/..." width="560"></safe-iframe></p>

Save changes.