Insert Videos Throughout Happeo

There are many ways in which you can insert videos in Happeo, whether it's through Channels or Pages. In this article, you will find all there is to know about inserting videos, what kinds of videos you can insert and how they will be displayed

Table of contents

  1. How to insert videos to posts
    1. Uploading a video file from your computer
    2. Inserting a video from Google Drive
    3. Inserting a video through URL
    4. Editing hyperlinks
    5. Removing video URLs, hyperlinks and video previews
  2. How to embed videos to articles 
    1. Embedding a video using an embed code
    2. Embedding a video using a video URL
  3. How videos are displayed in Channels
    1. How videos are displayed in posts
    2. How videos are displayed in articles
  4. How to embed videos to Pages
    1. Embedding a video using the Video widget
    2. Embedding a video using the iframe widget

How to insert videos to posts

Uploading a video file from your computer

To upload a video to a post you can simply click on “Upload file” in the post’s options menu and select the video you want to insert.

Please note that: 

  • The video file must be no larger than 32MB. If it exceeds that limit, you will receive an error message
  • To surpass the 32MB video file limit you can upload the video to your Google Drive and insert it from there
  • Do keep in mind that in Drive, you can store videos up to 5TB if you have purchased at least that much storage. Otherwise, you are limited to how much storage you have available
  • You can upload a video of any resolution, but the maximum playback resolution is 1920 x 1080

Additionally, the supported video formats include: 

  • WebM files (Vp8 video codec; Vorbis Audio codec)
  • MPEG4, 3GPP, and MOV files (h264 and MPEG4 video codecs; AAC audio codec)
  • AVI (MJPEG video codec; PCM audio)
  • MPEGPS (MPEG2 video codec; MP2 audio)
  • WMV
  • FLV (Adobe - FLV1 video codec, MP3 audio)
  • MTS
  • OGG

It is important to note that not all video types may work on all devices.

Inserting a video from Google Drive

To attach a video from Google Drive to your post, you can:

  1. Click on “Drive” in the post’s options menu
  2. Search for and click on the video you would like to attach
  3. Click on select

Inserting a video through URL

If you would like to, for example, insert a video from YouTube, Vimeo, etc., you can do so by copying and pasting the video URL into the post. 

Alternatively, you can link it to a piece of text in the post as a hyperlink. To do this:

  1. Highlight the piece of text you would like the video to be linked to
  2. Click on the symbol that looks like a chain in the post’s options menu...
  3. Paste the video URL into the URL field
  4. And click on insert

The “Text” below the URL field represents the piece of text that the video will be linked to. In the example below the piece of text is the word “video”.

The results should look like this:

Editing hyperlinks

Editing hyperlinks can be done by clicking on the piece of text that has been linked and selecting the symbol that looks like a pencil. 

Removing video URLs, hyperlinks and video previews

To remove the video URL from the post simply highlight the URL and hit the backspace key on your keyboard. 

If you would like to remove the hyperlink that is attached to a piece of text in the post, you can click on the text that has been linked and click on “Unlink”.

Please note that if you have a preview of the video in the post, removing the link or the hyperlink will not remove the preview. You must remove the preview by clicking on the trash bin icon next to the preview. 

If you wish to keep the preview but not the video URL or hyperlink you can remove them and the preview will remain put. This is the same vice versa, so you can remove the video preview but still keep the video URL or hyperlink in the post and have it function normally.

How to embed videos to articles

Embedding a video using an embed code

One of the video options in articles includes using an embed code. Using an embed code enables you to control the dimensions of the video in the article and much more!

To select the embed video option:

  1. Click on the body of the article until you see a plus symbol appear on the side of your screen
  2. Click on the plus symbol
  3. Click on the video camera icon
  4. Select “Insert video”
  5. Make sure you are in the “Embed” tab as opposed to the “URL” tab

For example, if you would like to embed a YouTube video you can do so by:

  1. Clicking on “Share” under the video’s options menu
  2. Click on embed
  3. Modify the width and height of the video to your liking in the embed code
  4. Adjust the embed options if necessary
  5. Click on copy 

Once you’ve copied the embed code you can navigate back to the article and paste the code into the appropriate field and click on “Select”.

By clicking on the video you can also choose to either align the video to the centre of the article, expand the video so that it “overflows” or remove it. 

Embedding a video using a video URL

Much like using an embed code, to embed a video by URL:

  1. Click on the body of the article
  2. Click on the plus symbol that appears on the side of your screen
  3. Click on the video camera icon
  4. Make sure you are in the “URL” tab

From there, simply paste the video URL you wish to embed and click on “Select”. 

The video will appear the same as it would when using an embed code with the same options as “Align video centre”, “Video overflow” and “Remove”. 

How videos are displayed in Channels 

How videos are displayed in posts

When a video has been attached to a post, regardless if it was inserted through Drive, as a hyperlink or a URL, the video will look like this:

If the video is uploaded from your computer, a preview image or a thumbnail of the video will not be visible and instead will look similar to this:

When any of the videos are clicked on, the video will pop up in the same window (but expanded) and you can watch it from there.

How videos are displayed in articles

When an article is posted that contains a video, that video will not be shown in the article preview. Instead, when users expand the article they will be able to view the video from there.

How to embed videos to Pages

Embedding a video using the Video widget

You can insert videos either through Google Drive or by using an embed code/URL through the Video widget.

Much like with posts, the process of inserting a video through Drive is the same. Simply:

  1. Click on “Select Drive file” in the widget’s menu
  2. Search and select the video you would like to attach
  3. Click on “Select” and the video will be shown on the Page. 

If you wish to use an embed code you can do so by clicking on “Embed external video” in the widget’s menu and either paste the embed code into the “Embed” or “JavaScript” tab. If you would like to use a video URL instead you can paste it into the “URL” tab and hit select. 

Embedding a video using the iframe widget

Using the iframe widget to embed a video is the same process as embedding a video using the “Embed external video” option in the Video widget. You can either embed the code in the “Embed” or “JavaScript” tab or paste the video URL in the “URL” tab. Click on select and you should be able to see the video on the Page.