{"id":25742,"date":"2024-10-30T08:56:33","date_gmt":"2024-10-30T12:56:33","guid":{"rendered":"https:\/\/www.litmus.com\/?p=25742"},"modified":"2025-09-04T10:49:20","modified_gmt":"2025-09-04T14:49:20","slug":"video-in-email","status":"publish","type":"post","link":"https:\/\/www.litmus.com\/blog\/video-in-email","title":{"rendered":"How to Embed Video in Your Email Marketing Campaigns"},"content":{"rendered":"\n\n\t<div id=\"simple-text-block-block_fdb3b6aab19b1aee30b49033809b9a43\" class=\"block-simple-text-block alignfull \" style=\"background-color:\">\n  <div class=\"container\">\n  \t<div class=\"row\">\n  \t\t<div class=\"col\">\n  \t\t\t<div class=\"copy\">\n  \t\t\t\t<p>Remember when MTV changed the game with music videos? Well, now it&#8217;s email&#8217;s turn for a video revolution. With people devouring <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.smartinsights.com\/digital-marketing-platforms\/video-marketing\/video-marketing-trends-2020\/\">84 minutes of video<\/a> daily, it&#8217;s time to bring that cinematic magic to your subscribers&#8217; inboxes.<\/p>\n<p>Why jump on the video bandwagon? Because it&#8217;s like strapping a jetpack to your email metrics:<\/p>\n<ul>\n<li aria-level=\"1\">Open rates soar by <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.superoffice.com\/blog\/email-open-rates\/\">6%<\/a><\/li>\n<li aria-level=\"1\">Click-through rates explode by <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.campaignmonitor.com\/resources\/guides\/video-in-email\/\">65%<\/a><\/li>\n<li aria-level=\"1\">Unsubscribes plummet by 26%<\/li>\n<\/ul>\n<p>While over <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/state-of-email-reports\">50% of marketers<\/a> say video supercharges their email performance, a mere 34% are actually pressing play on this strategy. Talk about a missed opportunity!<\/p>\n<p>We get it\u2014embedding video in email might seem trickier than nailing jello to a wall. But fear no more, email champions! We&#8217;re about to show you how to master video embedding, even in the wilds of Gmail, Yahoo, and Outlook.<\/p>\n<p>In this action-packed guide, we&#8217;ll discuss<\/p>\n<ul>\n<li aria-level=\"1\">Do videos in email work?<\/li>\n<li aria-level=\"1\">Different methods for embedding video in email<\/li>\n<li aria-level=\"1\">Considerations when using video in email<\/li>\n<li aria-level=\"1\">Best practices when embedding videos in emails<\/li>\n<li aria-level=\"1\">FAQs about embedding video in email<\/li>\n<\/ul>\n<p>Ready to transform your emails from snooze-fests to must-see events? Let&#8217;s dive in and make your inbox the hottest screen in town!<\/p>\n<h2 id=\"section-1\">Do videos in email work?<\/h2>\n<p>Yes, embedding video in your email campaigns can be a powerful marketing tool. In fact, marketers who use video are likely to <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.wordstream.com\/blog\/ws\/2017\/03\/08\/video-marketing-statistics\">grow their revenue 49% faster<\/a> than those who don\u2019t.<\/p>\n<p>Videos allow you to:<\/p>\n<ul>\n<li aria-level=\"1\">Show how your products or services work with a visual tutorial<\/li>\n<li aria-level=\"1\">Put a face or a voice to your brand by showcasing employees<\/li>\n<li aria-level=\"1\">Humanize a case study by showing your customers<\/li>\n<li aria-level=\"1\">Surprise and delight your audience<\/li>\n<\/ul>\n<p>More importantly, your subscribers want to watch videos about your brand. Subscribers <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.smartinsights.com\/digital-marketing-platforms\/video-marketing\/video-marketing-trends-2020\/\">say they prefer<\/a> to consume video content to learn more about a brand or products versus other forms of media.<\/p>\n<h2 id=\"section-2\">Different methods for embedding a video in email<\/h2>\n<p>For all of the ways email client support makes video in email a tricky topic, the actual process of embedding an email is fairly straightforward. We\u2019ll outline each of the ways you can embed an video in email, including some we don\u2019t recommend (and why):<\/p>\n<h3>DON\u2019T: Natively embed video in email<\/h3>\n<p>While embedding video in email directly with HTML code is straightforward, if you are not familiar with HTML, it can open your email up to coding errors and issues with email client support. It\u2019s not for the faint of heart, but with some coding know how and a little bit of pixie dust, it can work. Here\u2019s how to do it, if you choose:<\/p>\n<ol>\n<li aria-level=\"1\"><strong>Create your video file. <\/strong>Your first step is to create or choose your video file, which should be under 10 MB in size. Make sure that it\u2019s a quality, engaging video that\u2019s relevant to the email and no longer than 90 seconds. If you\u2019re going through the effort to embed a video directly into an email, instead of just directing traffic to it, it should be content you\u2019re proud of. Once you have your video file, upload it to your video hosting platform and copy the video file\u2019s URL\u2014you\u2019ll need it for the HTML video tag\u2019s src attribute.<\/li>\n<li aria-level=\"1\"><strong>Upload your video poster image.<\/strong> 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\u2019s 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.<\/li>\n<li aria-level=\"1\"><strong>Set up your HTML video tag.<\/strong> The important attributes to include in the HTML video tag are:<\/li>\n<\/ol>\n<ul>\n<li aria-level=\"1\">The src attribute: Put in the URL of the video file you\u2019re embedding.<\/li>\n<li aria-level=\"1\">The poster attribute: This is the image that will be shown as the video is downloading.<\/li>\n<li aria-level=\"1\">The width and height attributes: Specify how tall and wide your video should be displayed.<\/li>\n<li aria-level=\"1\">Controls: This tells the email client to show the controls for the video. Not all email clients support this, but it\u2019s nice to include for the ones that do.<\/li>\n<\/ul>\n<p>The content between the video tags is what will be displayed if the video tag isn\u2019t 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.<\/p>\n<p>Here\u2019s an example of what the HTML video tag looks like:<\/p>\n  \t\t\t<\/div>\n  \t\t<\/div>\n  \t<\/div>\n  <\/div>\n<\/div>\n\n\n\n<pre class=\"wp-block-syntaxhighlighter-code\">&lt;video width=\"600\" height=\"300\" controls poster=\"https:\/\/via.placeholder.com\/600x300\" src=\"https:\/\/example.com\/yourvideoname.mp4\" >\n    &lt;!--your fallback goes here-->\n&lt;a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.example.com\" >&lt;img src=\"https:\/\/via.placeholder.com\/600x300\" width=\"600\" height=\u201d300 \/>&lt;\/a>\n&lt;\/video><\/pre>\n\n\n\n\n\t<div id=\"simple-text-block-block_e5ce825fe0777965d1c36378f8dcd818\" class=\"block-simple-text-block alignfull \" style=\"background-color:\">\n  <div class=\"container\">\n  \t<div class=\"row\">\n  \t\t<div class=\"col\">\n  \t\t\t<div class=\"copy\">\n  \t\t\t\t<p>The only place you\u2019ll need to add a specific fallback for is Outlook.com and Outlook mobile as these clients support the video HTML element, but have content restrictions that mean that the video won\u2019t show up. For these clients you\u2019ll have to add a class of video (class=\u201dvideo\u201d) and <a rel=\"noopener\" href=\"#fallback\">add code to support a fallback<\/a>.<\/p>\n<h3>DON\u2019T: Static image with play button<\/h3>\n<p>If all of that coding seems like too much work, then you can always add a screenshot or your thumbnail image into the email with a play button over it and call it a day, right?<\/p>\n<p>Image support in email is much stronger than video. But this isn\u2019t the best way to get video into your emails\u2014mainly because having your subscribers click through to watch on your website\u2019s landing page doesn\u2019t really tap into how powerful video in email can be. Of course, sometimes email client limitations mean you have to do something. In that case, instead of using a static image, try an animated GIF.<\/p>\n<h3>DO: Video as an animated GIF<\/h3>\n<p>Unlike video, <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/a-guide-to-animated-gifs-in-email\">GIFs in email are supported almost everywhere<\/a>. If you\u2019re unable to add a video because of email client support, an animated GIF is the next best thing. You\u2019re still adding eye-catching motion into your emails with the animation. Showing the promise of the full video can be enticing enough to get your subscribers to click through. Adding a play button into your GIF is one way to do that.<\/p>\n<p>Animated GIFs are limited to short clips (just a few seconds) and don\u2019t include sound. Still, it\u2019s much more engaging than a static image\u2014and a great way to get video into your emails.<\/p>\n<h3>DO: Embed video automatically with Litmus Personalize<\/h3>\n<p><span style=\"font-weight: 400;\">But creating an animated GIF takes design expertise and a lot of manual schlepping between programs (not to mention lots of testing) to make sure everything works. With Animated Video in Litmus Personalize, we take care of it all for you. Just choose the link to the video you want to embed and we\u2019ll automatically generate an animated video block AND the fallbacks you need to make sure it works in every email client.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Take a look at how it works (see what we did there?)<\/span><script src=\"\/\/fast.wistia.com\/embed\/medias\/7kace8wa8s.jsonp\" async><\/script><br \/>\n<script src=\"\/\/fast.wistia.com\/assets\/external\/E-v1.js\" async><\/script><\/p>\n<div class=\"wistia_responsive_padding\" style=\"padding: 56.25% 0 0 0; position: relative;\">\n<div class=\"wistia_responsive_wrapper\" style=\"height: 100%; left: 0; position: absolute; top: 0; width: 100%;\">\n<div class=\"wistia_embed wistia_async_7kace8wa8s seo=false videoFoam=true popover=true\" style=\"height: 100%; width: 100%;\"><\/div>\n<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Paste a direct public URL to an .mp4 video file or upload your video to Litmus.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Set your click-through URL, either to a dedicated landing page or the video.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Set the start time, duration, and styling effects for the animated GIF that will automatically play as a fallback.<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">The size of the animated video block will default to 600px wide and the height will be dictated by the aspect ratio of the video.<\/span><\/p>\n<img decoding=\"async\" class=\"alignnone wp-image-104711 size-large\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2024\/10\/AnimatedVideo-1024x576.png\" alt=\"an embedded animated video in Litmus Personalize\" width=\"1024\" height=\"576\" srcset=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2024\/10\/AnimatedVideo-1024x576.png 1024w, https:\/\/www.litmus.com\/wp-content\/uploads\/2024\/10\/AnimatedVideo-300x169.png 300w, https:\/\/www.litmus.com\/wp-content\/uploads\/2024\/10\/AnimatedVideo-768x432.png 768w, https:\/\/www.litmus.com\/wp-content\/uploads\/2024\/10\/AnimatedVideo-1536x864.png 1536w, https:\/\/www.litmus.com\/wp-content\/uploads\/2024\/10\/AnimatedVideo-1800x1013.png 1800w, https:\/\/www.litmus.com\/wp-content\/uploads\/2024\/10\/AnimatedVideo.png 1850w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\n  \t\t\t<\/div>\n  \t\t<\/div>\n  \t<\/div>\n  <\/div>\n<\/div>\n\n\n<div id=\"post-cta-buttonblock_92484e13d98932ae6c96a2397953a94c\" class=\"block-post-cta-button my-5 mt-5\">\n  <div class=\"container px-0\">\n    <div class=\"row\">\n      <div class=\"blog-post-cta-button-wrapper col-12 col-lg-10 mx-auto p-4 d-block d-lg-flex align-items-lg-center align-items-start\">\n\t\t  \t\t  \t\t  \t\t  \t\t  \t\t  \t\t  \t\t \t\t\t  \t\t  \t\t  <div class=\"col-12 col-lg-9 ps-lg-4 ps-0 text-center text-lg-start mt-3 mt-lg-0\">\t\t\t   \n\t\t\t  \t\t\t\t\t<p>Let\u2019s take a look at how much email-driven revenue you could be leaving on the table.<\/p>\n\t\t\t\t\t \n\t\t\t  \t\t  <\/div><!--col-12 col-lg-9 ps-lg-4 ps-0 text-center text-lg-start mt-3 mt-lg-0-->\t\t\t  \t\t  <div class=\"text-center text-lg-end col-12 col-lg-1 ms-lg-2 ms-0\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"btn btn-primary\" rel=\"noopener\" href=\"https:\/\/www.litmus.com\/roi-calculator\">\n\t\t\t\t\t\tCalculate ROI\t\t\t\t\t\t<\/a>\n\t\t\t  \t\t  <\/div><!--text-center text-lg-end col-12 col-lg-1 ms-lg-2 ms-0-->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t        <\/div><!--blog-post-cta-button-wrapper-->\n    <\/div><!--row-->\n  <\/div><!--container-->\n<\/div>\n\n\n\n\t<div id=\"simple-text-block-block_43fcde3e74930039b954528051b44fd0\" class=\"block-simple-text-block alignfull \" style=\"background-color:\">\n  <div class=\"container\">\n  \t<div class=\"row\">\n  \t\t<div class=\"col\">\n  \t\t\t<div class=\"copy\">\n  \t\t\t\t<h2 id=\"section-3\">Best practices for embedding videos in email<\/h2>\n<p>You\u2019ve decided to add videos to your email, great! But, don\u2019t just add a video for adding a video\u2019s 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 are some best practices to keep in mind for a successful video embed:<\/p>\n<h3>1. Optimize your email for multiple email clients and platforms<\/h3>\n<p>What makes embedding video so tricky is the lack of email client support:<\/p>\n<div style=\"background: #f6f6f6; border: 1px solid #ddd; padding: 15px;\">\n<table style=\"border: 0; margin: 0;\" width=\"100%\">\n<tbody>\n<tr>\n<td style=\"border: 0; text-align: left;\" align=\"left\">\n<p style=\"margin: 15px 5pxpx; font-weight: bold; line-height: 20px; text-align: left;\">Desktop Clients<\/p>\n<\/td>\n<td style=\"border: 0; text-align: left;\" align=\"left\">\n<p style=\"margin: 15px 5px; font-weight: bold; line-height: 20px;\">Webmail Clients<\/p>\n<\/td>\n<td style=\"border: 0; text-align: left;\" align=\"left\">\n<p style=\"margin: 15px 5px; font-weight: bold; line-height: 20px;\">Mobile Clients<\/p>\n<\/td>\n<\/tr>\n<tr style=\"background-color: #ffffff;\">\n<td style=\"border: 0; text-align: left;\" align=\"left\">\n<p style=\"margin: 15px 5px; font-size: 16px; line-height: 20px; text-align: left;\">Outlook 2000-2003 <span style=\"color: #ea7165;\">\u2718<\/span><\/p>\n<\/td>\n<td style=\"border: 0; text-align: left;\" align=\"left\">\n<p style=\"margin: 15px 5px; font-size: 16px; line-height: 20px;\">Gmail <span style=\"color: #ea7165;\">\u2718<\/span><\/p>\n<\/td>\n<td style=\"border: 0; text-align: left;\" align=\"left\">\n<p style=\"margin: 15px 5px; font-size: 16px; line-height: 20px;\">iOS Mail <span style=\"color: #0e9453;\">\u2713*<\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 0; text-align: left;\" align=\"left\">\n<p style=\"margin: 15px 5px; font-size: 16px; line-height: 20px; text-align: left;\">Outlook 2007-2019 <span style=\"color: #ea7165;\">\u2718<\/span><\/p>\n<\/td>\n<td style=\"border: 0; text-align: left;\" align=\"left\">\n<p style=\"margin: 15px 5px; font-size: 16px; line-height: 20px;\">G Suite <span style=\"color: #ea7165;\">\u2718<\/span><\/p>\n<\/td>\n<td style=\"border: 0; text-align: left;\" align=\"left\">\n<p style=\"margin: 15px 5px; font-size: 16px; line-height: 20px;\">Gmail <span style=\"color: #ea7165;\">\u2718<\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"background-color: #ffffff;\">\n<td style=\"border: 0; text-align: left;\" align=\"left\">\n<p style=\"margin: 15px 5px; font-size: 16px; line-height: 20px; text-align: left;\">Outlook for Mac <span style=\"color: #0e9453;\">\u2713*<\/span><\/p>\n<\/td>\n<td style=\"border: 0; text-align: left;\" align=\"left\">\n<p style=\"margin: 15px 5px; font-size: 16px; line-height: 20px;\">Yahoo Mail <span style=\"color: #ea7165;\">\u2718<\/span><\/p>\n<\/td>\n<td style=\"border: 0; text-align: left;\" align=\"left\">\n<p style=\"margin: 15px 5px; font-size: 16px; line-height: 20px;\">Gmail IMAP <span style=\"color: #ea7165;\">\u2718<\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 0; text-align: left;\" align=\"left\">\n<p style=\"margin: 15px 5px; font-size: 16px; line-height: 20px; text-align: left;\">Apple Mail <span style=\"color: #0e9453;\">\u2713<\/span><\/p>\n<\/td>\n<td style=\"border: 0; text-align: left;\" align=\"left\">\n<p style=\"margin: 15px 5px; font-size: 16px; line-height: 20px;\">AOL <span style=\"color: #ea7165;\">\u2718<\/span><\/p>\n<\/td>\n<td style=\"border: 0; text-align: left;\" align=\"left\">\n<p style=\"margin: 15px 5px; font-size: 16px; line-height: 20px;\">Samsung Mail <span style=\"color: #0e9453;\">\u2713<\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"background-color: #ffffff;\">\n<td style=\"border: 0; text-align: left;\" align=\"left\">\n<p style=\"margin: 15px 5px; font-size: 16px; line-height: 20px; text-align: left;\">Windows 10 Mail <span style=\"color: #ea7165;\">\u2718<\/span><\/p>\n<\/td>\n<td style=\"border: 0; text-align: left;\" align=\"left\">\n<p style=\"margin: 15px 5px; font-size: 16px; line-height: 20px; text-align: left;\">Outlook.com <span style=\"color: #ea7165;\">\u2718<\/span><\/p>\n<\/td>\n<td style=\"border: 0; text-align: left;\" align=\"left\">\n<p style=\"margin: 15px 5px; font-size: 16px; line-height: 20px;\">Outlook <span style=\"color: #ea7165;\">\u2718<\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 0; text-align: left;\" align=\"left\">\n<p style=\"margin: 15px 5px; font-size: 16px; line-height: 20px; text-align: left;\">Office365 <span style=\"color: #ea7165;\">\u2718<\/span><\/p>\n<\/td>\n<td style=\"border: 0; text-align: left;\" align=\"left\">\n<p style=\"margin: 15px 5px; font-size: 16px; line-height: 20px; text-align: left;\">Office365 <span style=\"color: #ea7165;\">\u2718<\/span><\/p>\n<\/td>\n<td style=\"border: 0; text-align: left;\" align=\"left\">\n<p style=\"margin: 15px 5px; font-size: 16px; line-height: 20px;\">Yahoo Mail <span style=\"color: #ea7165;\">\u2718<\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"background-color: #ffffff;\">\n<td style=\"border: 0; text-align: left;\" align=\"left\">\n<p style=\"margin: 15px 5px; font-size: 16px; line-height: 20px; text-align: left;\">Thunderbird <span style=\"color: #0e9453;\">\u2713<\/span><\/p>\n<\/td>\n<td style=\"border: 0; text-align: left;\" align=\"left\">\n<p style=\"margin: 15px 5px; font-size: 16px; line-height: 20px; text-align: left;\">Comcast <span style=\"color: #ea7165;\">\u2718<\/span><\/p>\n<\/td>\n<td style=\"border: 0; text-align: left;\" align=\"left\">\n<p style=\"margin: 15px 5px; font-size: 16px; line-height: 20px;\">AOL <span style=\"color: #ea7165;\">\u2718<\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 0; text-align: left;\" align=\"left\"><\/td>\n<td style=\"border: 0; text-align: left;\" align=\"left\">\n<p style=\"margin: 15px 5px; font-size: 16px; line-height: 20px; text-align: left;\">Orange.fr <span style=\"color: #ea7165;\">\u2718<\/span><\/p>\n<\/td>\n<td style=\"border: 0; text-align: left;\" align=\"left\"><\/td>\n<\/tr>\n<tr style=\"background-color: #ffffff;\">\n<td style=\"border: 0; text-align: left;\" align=\"left\"><\/td>\n<td style=\"border: 0; text-align: left;\" align=\"left\">\n<p style=\"margin: 15px 5px; font-size: 16px; line-height: 20px; text-align: left;\">SFR.fr <span style=\"color: #0e9453;\">\u2713<\/span><\/p>\n<\/td>\n<td style=\"border: 0; text-align: left;\" align=\"left\">\n<p style=\"margin: 15px 5px; font-size: 16px; line-height: 20px; text-align: left;\">\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>*supported with limitations<\/p>\n<p>As you can see, that\u2019s a lot of places where natively embedding a video in email is not supported. The best support for video in email is on Apple Mail, and Thunderbird. (This is why we we recommend using animated GIFs embed video in email!)<\/p>\n<p>If you choose to embed a video in email using code, keep in mind your video needs to look good and work well across email clients and devices, so use a <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/understanding-responsive-and-hybrid-email-design\">responsive email design<\/a> to scale it to fit. Keep device sizes in mind when you choose your video, too. A \u2018talking head\u2019 video front he shoulders up is easier to see on a small screen than a zoomed out panel interview, for example. Note, if you&#8217;re going through an <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/how-to-migrate-esps-easily\" target=\"_blank\">email migration<\/a>, audit your new ESP to verify if it supports video.<\/p>\n<h3>2. Consider video file size and hosting<\/h3>\n<p>Another thing to consider is the video itself. File size and where it\u2019s hosted are major factors that\u2019ll determine if the video will even play within your emails.<\/p>\n<p>When natively embedding a video, we recommend no more than a 10MB for the video file size due to extended load times hindering your subscriber\u2019s experience. Larger video file sizes take longer to load and require more from your subscribers\u2019 data plans. Keep your subscribers engaged by keeping your file sizes low.<\/p>\n<p>You also need to keep in mind where you\u2019re hosting the video. Your video file has to live somewhere, and the hosting platform you choose can make embedding it in email a bit easier. You have to host the video yourself in some way\u2014YouTube, Vimeo, or another video hosting platform will not work.<\/p>\n<h3>3. Choose an engaging thumbnail<\/h3>\n<p>Your thumbnail needs to get people to want to press play as their call-to-action, so choose a shot that:<\/p>\n<ul>\n<li aria-level=\"1\">Is clear (unless a blurry action shot is an intentional style choice)<\/li>\n<li aria-level=\"1\">Has a single focal point, like a person or product, instead of a busy scene<\/li>\n<li aria-level=\"1\">Has high contrast for accessibility<\/li>\n<\/ul>\n<div class=\"image-scroll mb-3\"><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2024\/11\/1s.png\" alt=\"\" \/><\/div>\n\n<p class=\"h-xxs\"><em>Packlane<\/em> uses a solid video backdrop and clear still shots for its video thumbnail. Image via <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/reallygoodemails.com\/emails\/-kajabis-partner-program-picked-printed-packaging\">Really Good Emails<\/a>.<\/p>\n<p>A large or colorful play button on the thumbnail lets subscribers know it\u2019s a video and not a still shot. You can also explain that it\u2019s a playable video in your copy and headlines, or even mention it in your email <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/subject-line-tests-and-tips\">subject line<\/a> to boost <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/measure-email-marketing-success\">open rates<\/a>.<\/p>\n<figure id=\"attachment_90684\" aria-describedby=\"caption-attachment-90684\" style=\"width: 654px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"size-full wp-image-90684\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2024\/01\/Hit-the-button.png\" alt=\"To watch, simply hit the button below - Watch on demand.\" width=\"654\" height=\"265\" srcset=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2024\/01\/Hit-the-button.png 654w, https:\/\/www.litmus.com\/wp-content\/uploads\/2024\/01\/Hit-the-button-300x122.png 300w\" sizes=\"(max-width: 654px) 100vw, 654px\" \/><figcaption id=\"caption-attachment-90684\" class=\"wp-caption-text\">Use a CTA button to direct subscribers to on-demand video<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<h3>4. Consider background images and videos<\/h3>\n<p>While not strictly video embedding, using background images or <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/how-to-code-html5-video-background-in-email\">HTML5 video backgrounds<\/a> can add visual interest to your emails.<\/p>\n<p><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/the-ultimate-guide-to-background-images-in-email\">Background images in emails<\/a> are widely supported and can create a cohesive look for your campaign. HTML5 video backgrounds, while less supported, can add subtle motion using your <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/email-design-best-practices\" target=\"_blank\">email design marketing<\/a> tool.<\/p>\n<p>In both cases, ensure you have appropriate fallbacks for email clients that don&#8217;t support these features, and always prioritize readability of your main content.<\/p>\n  \t\t\t<\/div>\n  \t\t<\/div>\n  \t<\/div>\n  <\/div>\n<\/div>\n\n\n<div id=\"post-cta-buttonblock_00fb03086cc1fcbb247f3e3bc7e1a7b2\" class=\"block-post-cta-button mb-5 mt-5\">\n  <div class=\"container px-0\">\n    <div class=\"row\">\n      <div class=\"blog-post-cta-button-wrapper col-12 col-lg-10 mx-auto p-4 d-block d-lg-flex align-items-lg-center align-items-start\">\n\t\t  \t\t  \t\t  \t\t  \t\t  \t\t  \t\t  \t\t \t\t\t  \t\t  \t\t  <div class=\"col-12 col-lg-9 ps-lg-4 ps-0 text-center text-lg-start mt-3 mt-lg-0\">\t\t\t  \t\t\t  <h2 class=\"h-sm\"><strong>Catch errors before they reach subscribers. Test rendering, links, and spam scores in seconds. All in one place.<\/strong><\/h2>\n\t\t\t   \n\t\t\t   \n\t\t\t  \t\t  <\/div><!--col-12 col-lg-9 ps-lg-4 ps-0 text-center text-lg-start mt-3 mt-lg-0-->\t\t\t  \t\t  <div class=\"text-center text-lg-end col-12 col-lg-1 ms-lg-2 ms-0\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"btn btn-primary\" rel=\"noopener\" href=\"https:\/\/www.litmus.com\/email-testing\">\n\t\t\t\t\t\tTest with ease\t\t\t\t\t\t<\/a>\n\t\t\t  \t\t  <\/div><!--text-center text-lg-end col-12 col-lg-1 ms-lg-2 ms-0-->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t        <\/div><!--blog-post-cta-button-wrapper-->\n    <\/div><!--row-->\n  <\/div><!--container-->\n<\/div>\n\n\n\n\t<div id=\"simple-text-block-block_4658675644779eaee0e461a643893ada\" class=\"block-simple-text-block alignfull \" style=\"background-color:\">\n  <div class=\"container\">\n  \t<div class=\"row\">\n  \t\t<div class=\"col\">\n  \t\t\t<div class=\"copy\">\n  \t\t\t\t<h3 id=\"fallback\">5. Set up fallbacks for natively embedded videos<\/h3>\n<p>Since email client support for natively embedded videos varies, you may need to add some workarounds to make sure the video looks right for every email platform.<\/p>\n<h4>Embedding videos with iOS<\/h4>\n<p>We used to have to deal with several client-specific fallback images when iOS stopped supporting video in iOS 8 and 9. But as we\u2019re some years past that (support was reinstated in iOS 10 and the most recent release\u2014iOS 17\u2014still supports video), you\u2019re relatively safe not including it.<\/p>\n<p>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 <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.hteumeuleu.com\/2016\/what-you-need-to-know-about-apple-mail-in-ios-10\/\">Remi Parmentier\u2019s method<\/a> to target those email clients, hide the video tag, and show a fallback.<\/p>\n<h4>Embedding videos with Outlook<\/h4>\n<p>You\u2019ll need to add a fallback for Outlook.com, though (which also happens to target Office365 webmail, but as video isn\u2019t supported there, having the fallback won\u2019t change anything). To add a fallback, you add a class to your video tag:<\/p>\n  \t\t\t<\/div>\n  \t\t<\/div>\n  \t<\/div>\n  <\/div>\n<\/div>\n\n\n\n<pre class=\"wp-block-syntaxhighlighter-code\">&lt;video class=\u201dvideo\u201d width=\"600\" height=\"300\" controls poster=\"https:\/\/via.placeholder.com\/600x300\" src=\"https:\/\/example.com\/yourvideoname.mp4\">\n    &lt;!--your fallback goes here-->\n    &lt;a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.example.com\" >&lt;img src=\"https:\/\/via.placeholder.com\/600x300\" width=\"600\" height=\"300\" \/>&lt;\/a>\n&lt;\/video><\/pre>\n\n\n\n\n\t<div id=\"simple-text-block-block_03ed6a29c7051ef5079f1a3f6ba5acfc\" class=\"block-simple-text-block alignfull \" style=\"background-color:\">\n  <div class=\"container\">\n  \t<div class=\"row\">\n  \t\t<div class=\"col\">\n  \t\t\t<div class=\"copy\">\n  \t\t\t\t<p>Then, hide that from Outlook.com with:<\/p>\n  \t\t\t<\/div>\n  \t\t<\/div>\n  \t<\/div>\n  <\/div>\n<\/div>\n\n\n\n<pre class=\"wp-block-syntaxhighlighter-code\">.video\\0{ display: none !important; }<\/pre>\n\n\n\n\n\t<div id=\"simple-text-block-block_80fecc49906490eea5d6ab0a70369d52\" class=\"block-simple-text-block alignfull \" style=\"background-color:\">\n  <div class=\"container\">\n  \t<div class=\"row\">\n  \t\t<div class=\"col\">\n  \t\t\t<div class=\"copy\">\n  \t\t\t\t<p>Afterward, create the fallback with a display: none property and an mso-hide: all to keep it hidden on Outlook desktop clients:<\/p>\n  \t\t\t<\/div>\n  \t\t<\/div>\n  \t<\/div>\n  <\/div>\n<\/div>\n\n\n\n<pre class=\"wp-block-syntaxhighlighter-code\">&lt;a class=\"videoFallback\" style=\"display: none; mso-hide: all;\"  rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.example.com\/\">&lt;img border=\"0\" src=\"https:\/\/via.placeholder.com\/600x300\" width=\"600\" height=\"300\">&lt;\/a><\/pre>\n\n\n\n\n\t<div id=\"simple-text-block-block_abe7cba77ae0203cd02ee5815d19c0a9\" class=\"block-simple-text-block alignfull \" style=\"background-color:\">\n  <div class=\"container\">\n  \t<div class=\"row\">\n  \t\t<div class=\"col\">\n  \t\t\t<div class=\"copy\">\n  \t\t\t\t<p>Add in the CSS to display the fallback on Outlook.com:<\/p>\n  \t\t\t<\/div>\n  \t\t<\/div>\n  \t<\/div>\n  <\/div>\n<\/div>\n\n\n\n<pre class=\"wp-block-syntaxhighlighter-code\">.videoFallback\\0{ display: block !important; }<\/pre>\n\n\n\n\n\t<div id=\"simple-text-block-block_521780bf1e6a1b21159e7f4f0cf2cd3f\" class=\"block-simple-text-block alignfull \" style=\"background-color:\">\n  <div class=\"container\">\n  \t<div class=\"row\">\n  \t\t<div class=\"col\">\n  \t\t\t<div class=\"copy\">\n  \t\t\t\t<p>And you\u2019re all set to go. The whole code would look like this:<\/p>\n  \t\t\t<\/div>\n  \t\t<\/div>\n  \t<\/div>\n  <\/div>\n<\/div>\n\n\n\n<pre class=\"wp-block-syntaxhighlighter-code\">&lt;video class=\"video\" width=\"600\" height=\"300\" controls poster=\"https:\/\/via.placeholder.com\/600x300\" src=\"https:\/\/example.com\/yourvideoname.mp4\">\n    &lt;!--your fallback goes here-->\n    &lt;a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.example.com\" >&lt;img src=\"https:\/\/via.placeholder.com\/600x300\" width=\"600\" height=\"300\" \/>&lt;\/a>\n&lt;\/video>\n&lt;!--outlook.com fallback-->\n&lt;a class=\"videoFallback\" style=\"display: none; mso-hide: all;\" rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.example.com\/\">&lt;img border=\"0\" src=\"https:\/\/via.placeholder.com\/600x300\" width=\"600\" height=\"300\">&lt;\/a><\/pre>\n\n\n\n\n\t<div id=\"simple-text-block-block_4dc4a6586edee97980239dd3faf3151b\" class=\"block-simple-text-block alignfull bg-texture \" style=\"background-color:\">\n  <div class=\"container\">\n  \t<div class=\"row\">\n  \t\t<div class=\"col\">\n  \t\t\t<div class=\"copy\">\n  \t\t\t\t<p>And place these styles in their own style block the &lt;head&gt; so they don\u2019t interfere with any other email clients:<\/p>\n  \t\t\t<\/div>\n  \t\t<\/div>\n  \t<\/div>\n  <\/div>\n<\/div>\n\n\n\n<pre class=\"wp-block-syntaxhighlighter-code\">&lt;style>\n.video\\0{ display: none; }\n.videoFallback\\0{ display: block !important; }\n&lt;\/style><\/pre>\n\n\n\n\n\t<div id=\"simple-text-block-block_908dfad30241116eb4fb3032d50a3e5f\" class=\"block-simple-text-block alignfull \" style=\"background-color:\">\n  <div class=\"container\">\n  \t<div class=\"row\">\n  \t\t<div class=\"col\">\n  \t\t\t<div class=\"copy\">\n  \t\t\t\t<h3>6. Use strong visuals and storytelling<\/h3>\n<p>Video makes a real impact when you tell a story with it. But keep in mind, it must be under 1 MB for email, so you don\u2019t have much time or space. That means you must carefully plan your shots and commentary to hold attention and tell your story. You can use the rest of your email copy to help tell the story of the video\u2014just make sure to add captions or a transcript to your video file as well to show you prioritize <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/litmus-live-videos-email-accessibility-tips-from-the-pros\">email accessibility<\/a>.<\/p>\n<p>Here are a few great examples of embedded video in email done right:<\/p>\n<div class=\"image-scroll mb-3\"><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2024\/11\/2s.png\" alt=\"\" \/><\/div>\n\n<p class=\"h-xxs\">Source: <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/reallygoodemails.com\/emails\/hey-smiles-davis-did-you-know-that-video-plays-in-email\">Really Good Emails<\/a><\/p>\n<p>Wistia used an embedded video in an email about their new embedded video feature, which is a great way to actually show the power of video in email. They used a thumbnail fallback for non-supported clients.<\/p>\n<p>Why it wins:<\/p>\n<ul>\n<li aria-level=\"1\">Relevant (and fun!) for the email content<\/li>\n<li aria-level=\"1\">Content player visuals in the email make it obvious it\u2019s a video, not a photo<\/li>\n<li aria-level=\"1\">Fallback thumbnail for non-supported clients<\/li>\n<\/ul>\n<div class=\"image-scroll mb-3\"><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2024\/11\/3s.png\" alt=\"\" \/><\/div>\n\n<p><a rel=\"noopener\" href=\"https:\/\/litmus.com\/scope\/z5gutqjrajmw\">See this email in action<\/a><\/div>\n<p>Netflix is an obvious place to find video in email, but surprisingly they don\u2019t use it very often. So when they do, it stands out. They use the thumbnail that links directly to your Netflix account so you can start watching right away. It might be worth experimenting with <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/dynamic-email-content-to-increase-engagement\">dynamic content<\/a> recommendations based on past behavior or <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/email-personalization\/live-email-content\">live content<\/a> that updates based on when a subscriber opens a message for the next iteration of this email, though. \ud83e\udd14<\/p>\n<p>Why it wins:<\/p>\n<ul>\n<li aria-level=\"1\">Play button over visually striking thumbnails<\/li>\n<li aria-level=\"1\">CTA button to \u2018Play trailer\u2019 with a play button<\/li>\n<\/ul>\n<h2><span style=\"font-weight: 400;\">Bring emails to life with Animated Video in Litmus Personalize<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Video has the potential to turn your email marketing from ordinary to extraordinary, capturing attention and driving engagement like never before. Whether you\u2019re using GIFs, embedding natively, or leveraging creative workarounds, the possibilities are endless. The key is to find what works best for your audience and keep experimenting with how you deliver your message.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Video in email doesn\u2019t have to be complicated. With Animated Video in Litmus Personalize, simply provide your video URL, configure your preferences, and subscribers will watch your email come to life before their eyes. <\/span><\/p>\n  \t\t\t<\/div>\n  \t\t<\/div>\n  \t<\/div>\n  <\/div>\n<\/div>\n\n\n<div id=\"post-cta-buttonblock_a9abc7c935700cbd18f9244ff50fc679\" class=\"block-post-cta-button mb-5 mt-5\">\n  <div class=\"container px-0\">\n    <div class=\"row\">\n      <div class=\"blog-post-cta-button-wrapper col-12 col-lg-10 mx-auto p-4 d-block d-lg-flex align-items-lg-center align-items-start\">\n\t\t  \t\t  \t\t  \t\t  \t\t  \t\t  \t\t  \t\t \t\t\t  \t\t  \t\t  <div class=\"col-12 col-lg-9 ps-lg-4 ps-0 text-center text-lg-start mt-3 mt-lg-0\">\t\t\t  \t\t\t  <h2 class=\"h-sm\"><strong>Create on-brand, engaging emails quickly with our versatile builder. No HTML skills? No problem. <\/strong><\/h2>\n\t\t\t   \n\t\t\t   \n\t\t\t  \t\t  <\/div><!--col-12 col-lg-9 ps-lg-4 ps-0 text-center text-lg-start mt-3 mt-lg-0-->\t\t\t  \t\t  <div class=\"text-center text-lg-end col-12 col-lg-1 ms-lg-2 ms-0\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"btn btn-primary\" rel=\"noopener\" href=\"https:\/\/www.litmus.com\/pricing\">\n\t\t\t\t\t\tBuild better\t\t\t\t\t\t<\/a>\n\t\t\t  \t\t  <\/div><!--text-center text-lg-end col-12 col-lg-1 ms-lg-2 ms-0-->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t        <\/div><!--blog-post-cta-button-wrapper-->\n    <\/div><!--row-->\n  <\/div><!--container-->\n<\/div>\n\n      <script type=\"application\/ld+json\">\n  \n{\n  \"@context\": \"https:\/\/schema.org\",\n  \n  \"@type\": \"FAQPage\",\n  \"mainEntity\":[ \n    {\n        \n        \"@type\": \"Question\",\n        \"name\": \"Should you embed videos in email?\",\n        \"acceptedAnswer\": {\n          \"@type\": \"Answer\",\n          \"text\": \"Yes, you can and should embed video in email! While you don\u2019t want to overdo it with videos in every email marketing campaign, a well-placed video packs a powerful punch.\n\"\n        } },{\n        \n        \"@type\": \"Question\",\n        \"name\": \"How do you make a video appear in an email?\",\n        \"acceptedAnswer\": {\n          \"@type\": \"Answer\",\n          \"text\": \"You can make a video appear in an email four different ways:\n\nEmbed using native code\nAdd a static image and have subscribers click through\nUse an animated GIF\nEmbed automatically with Litmus Personalize\n\n\"\n        } },{\n        \n        \"@type\": \"Question\",\n        \"name\": \"Can you autoplay video in email?\",\n        \"acceptedAnswer\": {\n          \"@type\": \"Answer\",\n          \"text\": \"Yes, you can autoplay video in an email based on the settings in your code if you choose to embed a video in your email using native code. However, we don\u2019t recommend autoplaying video in email because it will increase email load time, creating a poor experience for the recipient. Plus, unexpected motion can present as an accessibility concern.\n\"\n        } },{\n        \n        \"@type\": \"Question\",\n        \"name\": \"Can you embed YouTube video in email?\",\n        \"acceptedAnswer\": {\n          \"@type\": \"Answer\",\n          \"text\": \"No, YouTube videos won\u2019t work in email. However, if you link to a YouTube video from your email, Gmail will show recipients a preview of that video at the bottom of the email.\n\"\n        } }  ]\n}\n<\/script>\n\n<section class=\"faq py-5\" id=\"faqs-block_65df124122fd10676d122ab70b76fc47\">\n\t<div class=\"container overflow-hidden\">\n\t\t<div class=\"row g-5\">\n\t\t\t<div class=\"col-md-4\">\n\t\t\t\t\t<h2>Frequently asked questions about video in email<\/h2>\n\t\t\t\t\t<p>People usually ask us these questions about video in email:<\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"col-md-8\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"faq-wrapper\" id=\"faq-wrapper-block_65df124122fd10676d122ab70b76fc47\">\n\t\t\t\t\t    \t\t\t\t\t\t<div class=\"accordion-item border-bottom p-0\">\n\t\t\t\t\t\t\t<div id=\"faq-question-0 p-3\">\n\t\t\t\t\t\t\t\t\t<h3 class=\"w-100 fs-5 text-uppercase m-0 p-3 d-flex align-items-center \" data-bs-toggle=\"collapse\" data-bs-target=\"#faq-answer-0\" aria-expanded=\"true\" aria-controls=\"faq-answer-0\"><strong> Should you embed videos in email?<\/strong><\/h3>\n\t\t\t\t\t\t\t<\/div><!--faq-question-1 p-3-->\n\t\t\t\t\t\t\t<div id=\"faq-answer-0\" class=\"collapse px-3 pb-3 show\" aria-labelledby=\"faq-question-0\" data-bs-parent=\"#faq-wrapper-block_65df124122fd10676d122ab70b76fc47\">\n\t\t\t\t\t\t\t\t\t<p>Yes, you can and should embed video in email! While you don\u2019t want to overdo it with videos in every email marketing campaign, a well-placed video packs a powerful punch.<\/p>\n\t\t\t\t\t\t\t<\/div><!--faq-answer-1-->\n\t\t\t\t\t\t<\/div><!--accordion-item border-bottom p-0-->\n\t\t\t\t\t    \t\t\t\t\t\t<div class=\"accordion-item border-bottom p-0\">\n\t\t\t\t\t\t\t<div id=\"faq-question-1 p-3\">\n\t\t\t\t\t\t\t\t\t<h3 class=\"w-100 fs-5 text-uppercase m-0 p-3 d-flex align-items-center collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faq-answer-1\" aria-expanded=\"false\" aria-controls=\"faq-answer-1\"><strong> How do you make a video appear in an email?<\/strong><\/h3>\n\t\t\t\t\t\t\t<\/div><!--faq-question-1 p-3-->\n\t\t\t\t\t\t\t<div id=\"faq-answer-1\" class=\"collapse px-3 pb-3 \" aria-labelledby=\"faq-question-1\" data-bs-parent=\"#faq-wrapper-block_65df124122fd10676d122ab70b76fc47\">\n\t\t\t\t\t\t\t\t\t<p>You can make a video appear in an email four different ways:<\/p>\n<ol>\n<li aria-level=\"1\">Embed using native code<\/li>\n<li aria-level=\"1\">Add a static image and have subscribers click through<\/li>\n<li aria-level=\"1\">Use an animated GIF<\/li>\n<li aria-level=\"1\">Embed automatically with Litmus Personalize<\/li>\n<\/ol>\n\t\t\t\t\t\t\t<\/div><!--faq-answer-1-->\n\t\t\t\t\t\t<\/div><!--accordion-item border-bottom p-0-->\n\t\t\t\t\t    \t\t\t\t\t\t<div class=\"accordion-item border-bottom p-0\">\n\t\t\t\t\t\t\t<div id=\"faq-question-2 p-3\">\n\t\t\t\t\t\t\t\t\t<h3 class=\"w-100 fs-5 text-uppercase m-0 p-3 d-flex align-items-center collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faq-answer-2\" aria-expanded=\"false\" aria-controls=\"faq-answer-2\"><strong> Can you autoplay video in email?<\/strong><\/h3>\n\t\t\t\t\t\t\t<\/div><!--faq-question-1 p-3-->\n\t\t\t\t\t\t\t<div id=\"faq-answer-2\" class=\"collapse px-3 pb-3 \" aria-labelledby=\"faq-question-2\" data-bs-parent=\"#faq-wrapper-block_65df124122fd10676d122ab70b76fc47\">\n\t\t\t\t\t\t\t\t\t<p>Yes, you can autoplay video in an email based on the settings in your code if you choose to embed a video in your email using native code. However, we don\u2019t recommend autoplaying video in email because it will increase email load time, creating a poor experience for the recipient. Plus, unexpected motion can present as an accessibility concern.<\/p>\n\t\t\t\t\t\t\t<\/div><!--faq-answer-1-->\n\t\t\t\t\t\t<\/div><!--accordion-item border-bottom p-0-->\n\t\t\t\t\t    \t\t\t\t\t\t<div class=\"accordion-item border-bottom p-0\">\n\t\t\t\t\t\t\t<div id=\"faq-question-3 p-3\">\n\t\t\t\t\t\t\t\t\t<h3 class=\"w-100 fs-5 text-uppercase m-0 p-3 d-flex align-items-center collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faq-answer-3\" aria-expanded=\"false\" aria-controls=\"faq-answer-3\"><strong> Can you embed YouTube video in email?<\/strong><\/h3>\n\t\t\t\t\t\t\t<\/div><!--faq-question-1 p-3-->\n\t\t\t\t\t\t\t<div id=\"faq-answer-3\" class=\"collapse px-3 pb-3 \" aria-labelledby=\"faq-question-3\" data-bs-parent=\"#faq-wrapper-block_65df124122fd10676d122ab70b76fc47\">\n\t\t\t\t\t\t\t\t\t<p>No, YouTube videos won\u2019t work in email. However, if you link to a YouTube video from your email, Gmail will show recipients a preview of that video at the bottom of the email.<\/p>\n\t\t\t\t\t\t\t<\/div><!--faq-answer-1-->\n\t\t\t\t\t\t<\/div><!--accordion-item border-bottom p-0-->\n\t\t\t\t\t    \t\t\t\t<\/div><!--faq-wrapper-->\n\t\t\t<\/div><!--col-md-8-->\n\t\t<\/div><!--row-->\n\t<\/div><!--container-->\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Learn how to embed video in your HTML emails\u2014in 3 super simple steps! Find out about email support and get the code to start sending video in your emails.<\/p>\n","protected":false},"author":25,"featured_media":100460,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"tags":[240,10251,102],"blog_category":[53],"class_list":["post-25742","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-animated-gif","tag-email-client","tag-html","blog_category-tips-resources"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.5 (Yoast SEO v27.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How to Embed a Video in Your Emails | Litmus<\/title>\n<meta name=\"description\" content=\"Boost email engagement by learning how to embed a video in an email. Follow simple steps, explore best practices, and see real-world examples.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.litmus.com\/blog\/video-in-email\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Embed Video in Your Email Marketing Campaigns\" \/>\n<meta property=\"og:description\" content=\"Boost email engagement by learning how to embed a video in an email. Follow simple steps, explore best practices, and see real-world examples.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.litmus.com\/blog\/video-in-email\" \/>\n<meta property=\"og:site_name\" content=\"Litmus\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/litmusapp\" \/>\n<meta property=\"article:published_time\" content=\"2024-10-30T12:56:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-04T14:49:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2024\/08\/Video-in-Email.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1380\" \/>\n\t<meta property=\"og:image:height\" content=\"725\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@litmusapp\" \/>\n<meta name=\"twitter:site\" content=\"@litmusapp\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Embed a Video in Your Emails | Litmus","description":"Boost email engagement by learning how to embed a video in an email. Follow simple steps, explore best practices, and see real-world examples.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.litmus.com\/blog\/video-in-email","og_locale":"en_US","og_type":"article","og_title":"How to Embed Video in Your Email Marketing Campaigns","og_description":"Boost email engagement by learning how to embed a video in an email. Follow simple steps, explore best practices, and see real-world examples.","og_url":"https:\/\/www.litmus.com\/blog\/video-in-email","og_site_name":"Litmus","article_publisher":"https:\/\/www.facebook.com\/litmusapp","article_published_time":"2024-10-30T12:56:33+00:00","article_modified_time":"2025-09-04T14:49:20+00:00","og_image":[{"width":1380,"height":725,"url":"https:\/\/www.litmus.com\/wp-content\/uploads\/2024\/08\/Video-in-Email.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_creator":"@litmusapp","twitter_site":"@litmusapp","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.litmus.com\/blog\/video-in-email#article","isPartOf":{"@id":"https:\/\/www.litmus.com\/blog\/video-in-email"},"author":{"name":"","@id":""},"headline":"How to Embed Video in Your Email Marketing Campaigns","datePublished":"2024-10-30T12:56:33+00:00","dateModified":"2025-09-04T14:49:20+00:00","mainEntityOfPage":{"@id":"https:\/\/www.litmus.com\/blog\/video-in-email"},"wordCount":9,"commentCount":0,"publisher":{"@id":"https:\/\/www.litmus.com\/#organization"},"image":{"@id":"https:\/\/www.litmus.com\/blog\/video-in-email#primaryimage"},"thumbnailUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2024\/08\/Video-in-Email.png","keywords":["Animated Gif","Email Client","HTML"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.litmus.com\/blog\/video-in-email#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.litmus.com\/blog\/video-in-email","url":"https:\/\/www.litmus.com\/blog\/video-in-email","name":"How to Embed a Video in Your Emails | Litmus","isPartOf":{"@id":"https:\/\/www.litmus.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.litmus.com\/blog\/video-in-email#primaryimage"},"image":{"@id":"https:\/\/www.litmus.com\/blog\/video-in-email#primaryimage"},"thumbnailUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2024\/08\/Video-in-Email.png","datePublished":"2024-10-30T12:56:33+00:00","dateModified":"2025-09-04T14:49:20+00:00","description":"Boost email engagement by learning how to embed a video in an email. Follow simple steps, explore best practices, and see real-world examples.","breadcrumb":{"@id":"https:\/\/www.litmus.com\/blog\/video-in-email#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.litmus.com\/blog\/video-in-email"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.litmus.com\/blog\/video-in-email#primaryimage","url":"https:\/\/www.litmus.com\/wp-content\/uploads\/2024\/08\/Video-in-Email.png","contentUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2024\/08\/Video-in-Email.png","width":1380,"height":725},{"@type":"BreadcrumbList","@id":"https:\/\/www.litmus.com\/blog\/video-in-email#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.litmus.com\/"},{"@type":"ListItem","position":2,"name":"How to Embed Video in Your Email Marketing Campaigns"}]},{"@type":"WebSite","@id":"https:\/\/www.litmus.com\/#website","url":"https:\/\/www.litmus.com\/","name":"Litmus","description":"Are you getting the most out of your email marketing?","publisher":{"@id":"https:\/\/www.litmus.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.litmus.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.litmus.com\/#organization","name":"Litmus Software","url":"https:\/\/www.litmus.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.litmus.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.litmus.com\/wp-content\/uploads\/2025\/04\/featured-image.png","contentUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2025\/04\/featured-image.png","width":600,"height":314,"caption":"Litmus Software"},"image":{"@id":"https:\/\/www.litmus.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/litmusapp","https:\/\/x.com\/litmusapp"]},{"@type":"Person","@id":""}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts\/25742","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/comments?post=25742"}],"version-history":[{"count":11,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts\/25742\/revisions"}],"predecessor-version":[{"id":119798,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts\/25742\/revisions\/119798"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/media\/100460"}],"wp:attachment":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/media?parent=25742"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/tags?post=25742"},{"taxonomy":"blog_category","embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/blog_category?post=25742"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}