Add an embedded video

In this article

How does embedded video work?

Email client support for embedded video

Adding video to your design

 

 

How does embedded video work?

Videos can play directly in the email and web pages all thanks mostly to HTML5.

 

Hosting your Video

Your must host your video in a publicly accessible folder. For example, you can host your video on your website or in a hosting service that allows public access to video files outside a media player. This is important to note because services such as Dropbox and Google Drive utilize their own player to avoid hosting video files for HTML (websites or emails). WordFly's media library cannot host video files.

 

Video Versions

It’s important to upload the correct video format that is requested in the video embed tool. Do not add video links to YouTube, Vimeo, or other video hosting sites for your mp4 and other video versions.

 

Video format support

BROWSER MP4 OGG/OGV/THEORA WEBM
Android Yes    
Chrome Yes Yes Yes
Edge Yes    
Firefox   Yes  
iOS Yes    
Opera     Yes
Safari Yes Yes Yes

 

 

 

Email client support for embedded video


Not every email client supports embedded video. In these cases, the subscriber will see a fall back image and a link directing them to watch the video on your website, Youtube or Vimeo.

 

iPhone's running iOS 10+ do support video in email. However, predecessors iOS 8 and iOS 9 do not support it (the video and the fallback link don't work either). Apple Mail also supports it.

 

  EMAIL CLIENT SHOWS VIDEO SHOWS IMAGE
  Apple Mail Yes on desktop and iPhone's running iOS 10+. Not on iPhone's running iOS 8+ (see note above)  
  Lotus Notes   Yes
  Outlook (PC)   Yes
  Outlook (Mac) Yes*  
  Thunderbird Yes *  
  AOL Mail   Yes
  Gmail   Yes
  Hotmail Yes* Yes**
  Yahoo Mail   Yes
  Android   Yes
  Blackberry   Yes
  iPhone, iPad Yes  

 *requires right-click to play

**Older browsers show the fallback image

 

 

 

Adding embedded video to your design

 

Follow these steps to add an embedded video and appropriate fallbacks in your Modern Editor design.

 

1. In Modern Editor, add a video block to the right panel

 

2. In the left panel, switch to Embedded

 

3. Add your embedded video links and poster/fallback images

 

Type in the URLs for the various formats. You don’t need to create all three versions of your video but you’ll get the best support if you do. 

 

There are two separate image fields for embedded video: Poster and Fallback.

 

The Poster image is what displays for email clients and browsers that support embedded video. If a poster image isn't selected, the first frame of the video will be used as a poster.

 

The Fallback image is what displays when for email clients and browsers that do not support embedded video. Upload the same image as your poster image or make a separate image for this element.

 

Tip: If you paste in the full YouTube or Vimeo link the editor will automatically add your video thumbnail and alt text from the link you used (note, the shortened "share" link will not work). 

 

 

4. Click Save