How to Embed a Video in Your Email: 3 Easy Steps | Litmus

“Can we put video in email?”

This question has come up a lot over the years, and we still hear it from time to time. After all, video seems like a great way to up the subscriber experience. But can you actually put video in email? And should you? It depends. Which seems like the go-to answer for all things email. Email has so many things to consider that every question raises more questions.

So let’s dive into the pros and cons, how to fake it, how to actually embed a real video in your email, and some examples you can take inspiration from.

Do videos in emails work?

Yes, you can use videos in emails! And, there’s evidence that you should (at least sometimes) use video in email.

According to the State of Email Trends Report, only 34% of marketers are using video in email, but over 50% of those marketers say video has offered some or much improvement for their email performance.

People want to watch videos, which gives video power. And even just the idea of video is powerful:

• Including the word “video” in your subject line can increase open rates up to 19%
• Click-through rates increased almost 41% when Wistia included a video thumbnail in their email
• You can decrease your unsubscribe rates with video by as much as 26%

That’s pretty impressive.

But still, why do you want to include a video? The pros of embedded videos are the ability to:

• Show how your products or services work
• Put a face or a voice to your brand
• Surprise and delight your audience

Considerations When Using Video in Email

What’s the goal of your email? If you just want to increase engagement, video may help you. But you’ve got to make sure the video content you’re sending is content your subscribers are interested in. And does that format make sense for your message?

Wistia’s test spanned several emails, and their 40.83% increase in click-through rate was only for one of their emails. Other tests showed a significantly smaller increase over the non-video email.

Don’t just add a video for adding a video’s sake. Make sure you have good video content that addresses a need your subscribers have. And make sure your audience can even play your video in their emails.

Here’s what to weigh before you use video in your emails.

Email client video support

Unfortunately, support for embedded video is limited. Here’s what email client support currently looks like:

*supported with limitations

As you can see, that’s a lot of places where video is not supported. The best support for video in email is on Apple Mail, and Thunderbird.

Video file size and hosting

Another thing to consider is the video itself. File size and where it’s hosted are major factors that’ll determine if the video will even play within your emails.

For your video in email, we recommend no more than a 1MB file size due to extended load times hindering your subscriber’s experience. Larger file sizes take longer to load and require more from your subscribers’ data plans. Keep your subscribers engaged by keeping your file sizes low.

You also need to keep in mind where you’re hosting the video. YouTube or another video hosting platform will not work. You have to host the video yourself and then link directly to the video file. This may cause issues if you’re looking to track video views. But, you can also work with third party video-in-email companies to host and embed a video if you want to track video engagement.

To embed a video or not to embed?

Limited email client support and video file constraints are just some of the complications of video in email. Because of these restrictions we recommend using alternative methods to simulate a video in your email.

Try using a static thumbnail of the video with a play button over it. Or create a faux video using an animated GIF or animated CSS that looks like it’s playing when subscribers hover over the thumbnail image.

See more pros and cons of video in email before you make the decision to either embed a real video to your email or fake it.

How to embed a video in an email

So you’ve thought about all the limitations of embedding a video in email, and you’ve decided to go for it. Now you just need to know how to do it. It’s actually pretty straightforward.

1. Create and upload your video file

Your first step is to create or choose your video file. Make sure that it’s a quality, engaging video that’s relevant to the email. If you’re going through the effort to embed a video directly into an email, instead of just directing traffic to it, it should be content you’re proud of.

You will have to balance quality with file size, though. Your video file should be under 1MB, so you might  need to play around with video length and resolution to get the size right.

Once you have your video file, upload it to your video hosting platform and copy the video file’s URL—you’ll need it for the HTML video tag’s src attribute.

2. Create and upload your video’s poster image

A poster image is the image people will see in the email and as they download the video. Your poster image should be a still image from your video with a play arrow overlaid so people know it’s a video. You can also use this image to leave instructions for how to play the video.

After you create the image, upload it to your server or ESP.

3. Set up your HTML video tag

The important attributes to include in the HTML video tag are:

• The src attribute: Put in the URL of the video file you’re embedding.
• The poster attribute: This is the image that will be shown as the video is downloading.
• The width and height attributes: Specify how tall and wide your video should be displayed.
• Controls: This tells the email client to show the controls for the video. Not all email clients support this, but it’s nice to include for the ones that do.

The content between the video tags is what will be displayed if the video tag isn’t supported. This can be text or an image, but in either case, we recommend linking to your video so your subscribers can still get the video experience.

Here’s an example of what the HTML video tag looks like:

And that’s it. For real!

Client-specific email video fallbacks

Since email client support for embedded videos varies, you may need to add some workarounds.

iOS

We used to have to deal with several client-specific fallbacks when iOS stopped supporting video in iOS 8 and 9. But as we’re some years past that (support was reinstated in iOS 10 and the most recent release—iOS 17—still supports video), you’re relatively safe not including it.

If for some reason your subscribers are still using iOS 8 or 9 (on devices up to an iPhone 6 Plus), you can check out Remi Parmentier’s method to target those email clients, hide the video tag, and show a fallback.

Outlook

You’ll need to add a fallback for Outlook.com, though (which also happens to target Office365 webmail, but as video isn’t supported there, having the fallback won’t change anything). To add a fallback, you add a class to your video tag and the fallback tag:

Then, hide that from Outlook.com with: