Videos

Heretto CCMS enables you to insert videos into topics to present concepts or task instructions in a richer, more accessible format for your readers.

You can add a video to a topic in two ways:

External hosting platform (recommended): Embed a video hosted on a service like YouTube or Vimeo. This keeps your CCMS lightweight and lets you use dedicated video infrastructure, such as streaming optimization, playback controls, and bandwidth management.
Heretto CCMS Content Library: Upload and host a video file directly in the CCMS. Supported formats include MOV, AVI, and MP4, with a maximum file size of 500 MB. Use this only when an external hosting service is not an option.

An example of a video added to a topic in the CCMS and published to Heretto Portal. The video is embedded into the page and can be played directly from the portal. — Figure 1. A YouTube Video Published to Heretto Portal.
A YouTube video added to a topic in the CCMS and published to Heretto Portal. The video is embedded into the page and can be played directly from the portal.

Figure 2. The Same YouTube Video Published to This Help Site

Insert a Video Hosted on an External Platform

Add a video hosted on a video hosting platform, like YouTube or Vimeo, to a topic by using the Insert Video option in the Content Editor toolbar.

Note: This procedure shows you how to add a YouTube or Vimeo video to a topic. You can add a video from a different service in an analogous way.

Obtain a video link

To obtain a link to a YouTube video, do the following:
1. Go to the YouTube video that you want to add to a topic.
  Go to https://www.youtube.com/watch?v=h6Tvur816GU&t=2s.
2. Below the video, click Share and select Embed.
3. Optional: In the window that opens, adjust any additional options like the starting point of your video.
4. Copy the video embed link.
  
  Copy https://www.youtube.com/embed/h6Tvur816GU.
To obtain a link to a Vimeo video, do the following:
1. Go to the Vimeo video that you want to add to a topic.
  Go to https://vimeo.com/417314067.
2. Below the video, click Share.
3. Copy the video embed link.

Add the video to a topic

In the Content Library, open a topic by double-clicking it.
Place your cursor where you want to insert a video.
In the Content Editor toolbar, click Insert Video .
In the dialog, do the following:
1. From the Link To drop-down menu, select A URL (External link).
2. In the Link (href) field paste the link to the video that you obtained in 1 or 2.
  Paste https://www.youtube.com/embed/h6Tvur816GU.
3. Click Apply.
Set the outputclass and type attributes by clicking the object element and opening the Attributes tab.
Set the attributes as follows:
- outputclass="iframe"
- type="video/mp4"
Tip:
You can also control the size of the video player in the output by setting the width and height attributes. We like setting these attributes to width="560" and height="315".
Optional: Add additional parameters to control aspects like the full-screen option and video border:
- To add the full-screen option, add <param name="allowfullscreen"/> within the object element.
- To set the video border, add <param name="frameborder" value="0"/> within the object element and specify the border width in the value attribute. Setting value="0" ensures no border is displayed.

You added a video to a topic. Depending on what attributes and parameters you set for it, it might look like this:

<object data="https://www.youtube.com/embed/1kLLjRL88Qk?a"
        width="560"
        height="315"
        outputclass="iframe"
        type="video/mp4">
    <param name="allowfullscreen"/>
    <param name="frameborder" value="0"/>
</object>

Insert a Video Hosted in Heretto CCMS

Add a video hosted in Heretto CCMS to a topic by using the Insert Video option in the Content Editor toolbar.

Important:

While it is possible to host videos in the CCMS, it is best practice to use external video hosting platforms like YouTube or Vimeo instead. See Insert a Video Hosted on an External Platform .

Upload a video to the Content Library. See Upload Files to Heretto CCMS.

Note:

Heretto CCMS supports common video formats, including: MOV, AVI, and MP4.

Note:

Size limit for any uploaded file is 500 MB.

In the Content Library, open a topic by double-clicking it.
Place your cursor where you want to insert a video.
In the Content Editor toolbar, click Insert Video .
In the linking dialog, do the following:
1. From the Link To drop-down menu, select A File in Heretto.
2. Click Select File.
3. Navigate to the video that you want to insert and click Link to File.
Set the outputclass and type attributes by clicking the object element and opening the Attributes tab.
Set the attributes as follows:
- outputclass="iframe"
- type="video/mp4"
Tip:
You can also control the size of the video player in the output by setting the width and height attributes. We like setting these attributes to width="560" and height="315".
Optional: Add additional parameters to control aspects like the full-screen option and video border:
- To add the full-screen option, add <param name="allowfullscreen"/> within the object element.
- To set the video border, add <param name="frameborder" value="0"/> within the object element and specify the border width in the value attribute. Setting value="0" ensures no border is displayed.

You added a video to a topic. Depending on what attributes and parameters you set for it, it might look like this:

<object data="../Media/video-file-name.mp4"
        width="560"
        height="315"
        outputclass="iframe"
        type="video/mp4">
    <param name="allowfullscreen"/>
    <param name="frameborder" value="0"/>
</object>

Under maintenance

Heretto Help

Videos

Insert a Video Hosted on an External Platform

Insert a Video Hosted in Heretto CCMS

Footer Section

Our Support Team is here to help