OM Documentation Functionality

Embedding a Video in OptinMonster Campaigns

OptinMonster makes it easy to add a video to any campaign with no coding required.

In this article, you’ll learn how to add a video to an OptinMonster campaign.

Before You Start

Here are some things to know before you begin:

  • It’s not possible to upload a video to OptinMonster. The video you add to your campaign must already be hosted on another site.
  • It’s not possible to add a video that is set to private on sites like YouTube, Vimeo, etc. The video must be public.

Add Video

Some campaign templates already include a video block, but one (or more) videos can be added to any template, anywhere you like.

To add a video to a campaign, follow these steps:

  1. Navigate to the Design view in the campaign builder.
  2. Click the + Add Blocks button in the top left corner of the campaign preview area.
  3. Select a Video block from the left sidebar and drag it onto the campaign where you would like to add a video.
  4. Copy the embed url for your video. This may be different than what you see in your address bar.
  5. Returning to the campaign builder, click on the video element in your campaign to edit the settings. Paste the embed URL in the Hosted Video URL field.
  6. When you’re finished, click Save.

Troubleshooting

My video isn’t loading in the campaign preview, why?

The most common reason is using an incorrect video embed URL. Most video-hosting services will use a specific URL for video embedding which is different from the URL displayed in your browser.

The following formats for video embed URLs should be used (replacing VIDEO_ID with the ID of your video) when embedding video from these common video-hosting services:

YouTube — //www.youtube.com/embed/VIDEO_ID

Vimeo — //player.vimeo.com/video/VIDEO_ID

Wistia — //fast.wistia.net/embed/iframe/VIDEO_ID

Another reason the video may not appear is if it is set to private and cannot be embedded on external sites by the video hosting platform. Only public videos can be embedded.

If you own the rights to the video you may be able to change the privacy settings directly from the video hosting platform.

How do I hide the controls, autoplay or loop my video?

If your video hosting service supports it, this can be done by adding the appropriate query string to the end of your video embed URL.

The following resources may help you get started:

Please be aware that a visitor’s browser may block autoplay regardless of the settings you configure.
Common Query Parameters

Query Parameters each have a Key and a Value. Therefore they always appear as something like: ?key=value

When it comes to the query parameters used for these video parameters, the number 1 is used to represent “true” or “enabled” whereas the number 0 is used to represent “false” or “disabled”.

You can add the follow query parameters to the end of your video link to achieve additional functionality with your video.

YouTube

  • Autoplay a Video → ?autoplay=1
  • Hide Video Information → ?showinfo=0
  • Hide Video Player Controls → ?controls=0

Examples of a YouTube Video URL to be used in OptinMonster:

  1. www.youtube.com/embed/VIDEO_ID/?autoplay=1
  2. www.youtube.com/embed/VIDEO_ID?autoplay=1&showinfo=0&controls=0

Vimeo

  • Autoplay a Video → ?autoplay=1
  • Loop the Video → ?loop=1
  • Set Default Video Quality → ?quality=1080p

Examples of a Vimeo Video URL to be used in OptinMonster:

  1. //player.vimeo.com/video/VIDEO_ID?autoplay=1
  2. //player.vimeo.com/video/VIDEO_ID?autoplay=1&loop=1&quality=1080p

Wistia

  • Start at 30 seconds → ?time=30
  • “Slide” Transition between videos → ?transition=slide

Examples of a Vimeo Video URL to be used in OptinMonster:

  1. //fast.wistia.net/embed/iframe/VIDEO_ID?time=30
  2. //fast.wistia.net/embed/iframe/VIDEO_ID?transition=slide