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.

Click here to read more about Custom Widgets.

How are videos displayed in Happeo?

Videos in Happeo are displayed based on the way they appear through the source (i.e. Google Drive, YouTube, etc.). This means that, for instance, if the video is displayed horizontally in Google Drive, it will also be displayed horizontally in Happeo.

How to insert videos into 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 a 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

When writing a post with hyperlinks, editing hyperlinks can be done by:

1. Clicking the hyperlink
2. Select the pen icon
3. Make the necessary changes
4. Click the Update button to update the link or text displayed

If you wish to edit a hyperlink(s) in a Post that has already been published, you can:

1. Click the three dots at the header of the Post
2. Select Edit Post to edit it
3. Edit the hyperlinks and update the hyperlink edits
4. Click Update at the bottom right corner of the Post once you're done editing the Post 

Removing video URLs, hyperlinks, and video previews

To remove the video URL from the post, 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.

If you wish to remove the aforementioned features in a Post that has already been published, you can:

1. Click the three dots at the header of the Post
2. Select Edit Post to edit it
3. Remove the necessary content
4. Click Update once you're done editing the Post 

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 as 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 into 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 will first need to make sure the video is allowed to be embedded. To ensure this, you can:

1. Navigate to the detail editor of the video on YouTube
2. In the detail tab, scroll down and click Show more
3. Scroll down to License and check the box Allow embedding
4. Save your changes

Then, go to the YouTube video and:

1. Click Share under the video’s options menu
2. Click 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 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 Select.

By clicking on the video, you can also choose to either align the video to the center 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 center, Video overflow, and Remove. 

How videos are displayed on 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.

Sharing a Livestream in a Channel Post or Article

You can share a YouTube Livestream in Channel Posts and Articles. Much like embedding a video through a URL, you can paste the YouTube Livestream link to a Post or Article.

Please see this link for more information regarding YouTube Livestream links.

For information regarding creating private or unlisted Livestreams, please see this link.

How to embed videos into 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 pasting the embed code into the Embed tab. If you would like to use a video URL instead you can paste it into the URL tab and hit Select.