Xmailer
  • Xmailer: The Ultimate Email Marketing Platform
  • CONTACT LIST MANAGEMENT
    • Create a contact list
    • Resubscribe after an unsubscribe
    • List X-Ray
    • View or search your contacts
    • Contact Tags Manager
    • Export your contact list
    • Uploading a suppression list
    • Large suppression files
    • Exclusion Lists
    • GDPR Delete & Export
  • SEGMENTING
    • What you can do with segments
    • Create a segment
    • Designing your segment
    • Tag contacts in a segment
    • Export a Segment's Contacts
    • A/B test using segments
  • BROADCAST
    • What you can do with broadcasts
    • Create a Broadcast
    • Broadcast Settings
    • Choosing your email composer
    • Augment your subject line with a preheader
    • Adding your recipients
    • Schedule your Broadcast
    • Resend to non-openers automation
    • Broadcast Reporting
    • Duplicate a broadcast
    • Tag contacts who Open your broadcast
    • Resume an incomplete broadcast
    • Export Broadcast Openers & Unsubscribes
    • Cancel a broadcast
    • Cancel a broadcast funnel trigger
    • Revise tagging and funnel triggers for sent broadcasts
  • USING THE DRAG & DROP EMAIL COMPOSER
    • The Basics
      • Content Row Properties
      • Designing your email - Using Columns
      • Footer
      • Social Media Component
    • Working with multimedia
      • Adding video to your page
      • Using the image editor
      • Using dynamic images for countdown timers and personalized content
      • Search for free, high-quality stock photos in Xmailer
      • Editing Image Properties
      • Adding GIF animations & animated stickers with GIPHY
      • Adding video to your email
      • Using the File Manager
      • How to use external images in your design
    • Working with content blocks
      • Table Content Block
      • Using Internal Links in Pages
      • Working with paragraph and list content blocks
      • Using dividers and spacers
      • Letter and Paragraph spacing
      • Working with titles
      • Working with menus in Xmailer
      • Working with icons
      • Working with custom HTML
    • Settings, rows, & columns
      • Dark Mode Preview
      • Designing with Workspace Styles
      • Designing with Saved Rows
      • Mobile design mode
      • Co-editing
      • Column management
      • Configuring design settings
      • Settings, Rows, and Content: How do they work?
      • Adding a background image to your designs
      • How do I change the properties of a row?
      • Mobile Optimization Options
      • How do I select a row vs. content?
      • Undo, redo & history
      • Working with padding
      • Working with borders
      • Saving your designs in Xmailer
      • Locking content to prevent editing
  • FUNNELS
    • What you can do with funnels
    • Create a funnel
    • Choosing your funnel type
    • From Name & From Email - editing
    • Activating your funnel
    • Trigger an email funnel from a broadcast
    • Tag contacts who open your funnel messages
    • Choosing your email composer
    • Page Augment your subject line with a preheader
    • Design your automated email sequence
    • Contact Suppression and Exclusion
    • Adding a funnel to an opt-in subscriber form
  • SUBSCRIBER OPT-IN FORMS
    • What you can do with forms
    • Create an opt-in form
    • Sending to double opt-in contacts
    • Choosing your form type: floating bars, lightboxes,inline naked embedded, slide outs
    • Exit intent and display rules
    • Adding email and name input boxes to your form
    • Setting the size of your form
    • Configuring how your form displays on mobile devices
    • Configuring your mobile width
    • Add a close window X to your form
    • Adding a "No" button that closes your form
    • Tag subscribers who opt-in to your form
    • Adding "no thanks" text which closes your form
    • View your form conversion rate
    • Connect an existing form to your account
    • Adding your form to your website
    • Add opt-in subscribers to an automated email sequence
Powered by GitBook
On this page
  • Overview
  • Video Content Block
  • Video Background
  1. USING THE DRAG & DROP EMAIL COMPOSER
  2. Working with multimedia

Adding video to your page

PreviousWorking with multimediaNextUsing the image editor

Last updated 1 year ago

Overview

Looking for documentation on using videos while designing an email? See

The Page builder offers a great deal of flexibility for video content. This version of the builder supports all of the following types of videos:

  • Self-hosted URLs (i.e. URL for any self-hosted MP4 formatted video file)

  • YouTube or Vimeo URLs

  • uploads of:

    • User files*

    • Selection from free stock video libraries provided by and **

*CDN Charges may apply **Only available for video backgrounds

There are also a couple of different ways that you can use videos on your pages.

  • A traditional video content block

  • A video background

Let’s take a closer look at these options.

Video Content Block

You may already be familiar with the video content block for the email builder. The Pages video content block works similarly, but you have more options. This is because a web browser is less restrictive than an email client regarding rendering content.

When working with a video content block, the builder sidebar includes a dropdown menu. This menu allows you to select what type of video you are inserting.

The builder supports the following aspect ratios for videos:

  • 4:3 and 16:9 (standard video formats)

  • 9:16 (YouTube shorts format)

  • 21:9 and 9:21 (CinemaScope formats)

  • Thumbnail

Thumbnail is the same type of video content used when designing emails. With this method, you can use public YouTube and Vimeo videos. We'll pull a thumbnail from the video hosting service and overlay a play button on it.

The video must be set to public in order for us to use to access the video thumbnail from the video hosting service. Supported privacy options are as follows: Youtube: Public and Unlisted Vimeo: Public, Unlisted

You have a few customization options for your play button.

  • Embedded

As the name implies, this option allows you to embed videos on the page. This allows you to embed your YouTube and Vimeo videos directly into your page. With this method, you can also use videos on all privacy settings except for Private.

Using this option generates a Controls toggle and a Loop toggle. The controls option allows you to control the video progress bar. The loop option allows you to create loop playback.

  • Hosted Video

This allows you to embed a self-hosted video in an MP4 format. The same controls and loop options apply with this method as well. Note that the playback interface may vary depending on the browser or device.

Video Background

This method of using videos is exclusive to the Pages builder. As a background element, it exists on the row level of your design. It’s very similar to the existing background image feature. This feature allows you to create designs that look something like this:

Start by selecting a row within your page. A background video option is now available in the sidebar. You can locate it directly beneath the existing background image toggle.

All video backgrounds will auto-play looped and muted without controls by default. If you are hosting your video in our file manager, keep in mind that CDN charges may apply.

Note that in-app warning that some mobile devices may not play your video background. On these devices, only the first frame will display. This typically only happens when a device is running in a power-save mode.

If you're using a YouTube video, you can also link the video starting at a specific timestamp. If you need information on how to generate this type of link, please see this .

Adding video to your email.
File Manager
Pixabay
Pexels
Lifewire article
With this method, the video will not play on the page. The visitor is redirected to the Youtube or Vimeo page where the video is hosted.