keepcalculator

06 Numbers and Powers

How to Embed a Video in an Email: A Beginner’s Guide

Card No. 06·39696 · Updated · Standard formula, shown below

Embedding a video directly in an email lets recipients watch it without leaving their inbox, which can boost engagement and make your message more memorable. This guide walks you through the two main methods—using a GIF or animated image for true inline playback, and using a video thumbnail with a play button that links to an external player for full video. You’ll need an email client that supports HTML (like Gmail, Outlook, or Apple Mail) and a video file or a hosted video URL.

What You’ll Need

  • A video file (MP4, MOV, or GIF) or a link to a hosted video (YouTube, Vimeo, etc.)
  • An email marketing platform or an HTML editor (e.g., Mailchimp, Constant Contact, or a simple code editor)
  • Basic familiarity with your email client’s editor (most have a “code” or “HTML” view)
  • An image editing tool (optional, for creating a thumbnail)

Step-by-Step

  1. Decide on your approach. Most email clients (Gmail, Outlook, Yahoo) do not support playing video files directly in the inbox. They block <video> tags. The two reliable methods are: (a) embed a GIF that plays automatically, or (b) embed a static thumbnail with a play button that links to the video on a website.
  2. Prepare your video or GIF. If you choose the GIF route, convert your video to a GIF using an online converter or a tool like Photoshop. Keep the file size under 1-2 MB to avoid slow loading. If you choose the thumbnail method, capture a still frame from your video or create a custom image (e.g., 600×400 pixels) and add a play button overlay using an image editor.
  3. Host your video (if using the thumbnail method). Upload your video to a platform like YouTube, Vimeo, or your own website. Copy the direct link to the video page (not the embed code).
  4. Open your email builder. In your email marketing platform, create a new campaign and choose a blank or HTML template. If you’re coding from scratch, open your HTML editor.
  5. Insert the image or GIF. In the HTML view, place your cursor where you want the video to appear. Use the <img> tag to insert the GIF or thumbnail. For example: <img src="https://yourdomain.com/video-thumbnail.jpg" alt="Watch our demo video" width="600">. If you’re using a visual editor, use the “Image” button to upload and insert it.
  6. Add a link to the video (for thumbnail method). Select the image and click the link icon. Paste the direct URL to your video page. Make sure the link opens in a new tab by adding target="_blank" in the HTML code.
  7. Test your email. Send a test email to yourself and a few colleagues. Check that the image loads, the link works, and the layout looks good on both desktop and mobile. If you used a GIF, verify it animates properly.
  8. Send your campaign. Once everything looks good, send your email to your list. Monitor open and click rates to see how your audience responds.

Common Mistakes

  • Using a <video> tag directly. This will not work in most email clients—it will show a blank space or an error. Always use an image or GIF.
  • Linking to the embed code instead of the page. Embed codes (like YouTube’s iframe) are stripped by email clients. Always link to the standard video page URL.
  • Oversized files. A 10MB GIF will slow down loading and may be blocked by email providers. Compress your video or GIF to keep it under 2MB.
  • Forgetting the alt text. If images are disabled by default, your email will show a broken image icon. Always include descriptive alt text like “Watch our product demo.”
  • Not testing on multiple clients. Gmail and Outlook handle images differently. What works in Apple Mail may not work in Outlook. Always test.

Tips

  • Use a compelling thumbnail. A bright, high-contrast image with a clear play button increases click-through rates.
  • Keep the video short. People are more likely to watch a 30-second video than a 5-minute one. Mention the duration in your email text.
  • Add a fallback text link. Next to the image, include a simple text link like “Click here to watch the video” in case the image doesn’t load.
  • Consider using an animated GIF for short demos. If your video is under 10 seconds, a GIF can convey the message without requiring a click.
  • Use a reliable hosting service. Avoid linking to a video on a page that requires login or has heavy ads—it frustrates users.

Troubleshooting

If your video doesn’t appear or play as expected, try these fixes:

  • Image not showing? Check the image URL—make sure it’s a direct link to the file (ending in .jpg, .png, or .gif) and that the hosting server is accessible. Also, ensure you didn’t accidentally use a relative path.
  • GIF not animating? Some email clients (like Outlook desktop) don’t animate GIFs and show only the first frame. If this is critical, use a thumbnail with a link instead.
  • Link not working? Double-check the URL. Make sure you didn’t include spaces or extra characters. Test the link in a browser before sending.
  • Email going to spam? Large images or suspicious links can trigger spam filters. Use a reputable email service provider and include a plain-text version of your email.
  • Video not playing on mobile? Ensure your thumbnail is responsive (use width=”100%” in CSS) and that the linked video page is mobile-friendly.

Frequently Asked Questions

Can I embed a YouTube video directly in an email?

No, email clients do not support iframes or video players. You can only embed a thumbnail that links to the YouTube page.

Why does my video show as a blank box?

This usually happens when you use the <video> tag, which is not supported. Replace it with an <img> tag.

What’s the best file format for an animated GIF?

Use GIF or APNG. GIF is more universally supported, but APNG offers better quality. Keep the file size small.

Can I embed a video in Outlook?

Outlook desktop does not support video playback. Use a thumbnail with a link, as described above.

How do I make my video thumbnail clickable?

Wrap the <img> tag in an <a> tag with the video URL as the href. For example: <a href="https://youtu.be/example"><img src="thumbnail.jpg"></a>.

Is there a way to make the video play automatically?

Only with a GIF. True video autoplay is not supported in email. A GIF is the only way to have motion without a click.

Related

Method: the standard formula for this calculation, rounded as each result states. See how the calculators work or report an error.

More cards in this drawer

The whole Numbers and Powers drawer →