HTML5 and video in email. We’ve revisited our results: For the latest on video support in email, view our blog post. As momentum quickly builds behind HTML5, the new version of HTML and XHTML, we’ve had a close eye on what impact this might have on HTML email in the years to come. While the finer details of HTML5 are still being finalised, Firefox, Safari, Chrome and Opera have offered support for much of the new technology for some time.
One particular area of interest to me was the HTML5 <video> tag. The aim of this tag was to provide native video support using a single codec across all browsers without the need for third party plugins like Flash. While the dream of a universal codec appears unlikely, one clever project has surfaced that uses the <video> tag for browsers that support it and falls back on traditional video options for those that don’t. Current approaches to video in email This isn’t the first time we’ve had a close look at support for video in email. The results were disappointing. The final code. Email and Social Marketing Tips. Adding Video to your Email Campaigns Embedding video into emails is a hot topic, and there are recent developments that are leading to some limited support for direct playing embedded video in email.
The problem is that video in email support isn't universal and unfortunately – probably won't be for some time. We tested video support in various email clients and the final verdict is that only Apple mail supports video in email reasonably well; Gmail supports a preview of youtube videos. You can read about Video support in Gmail here. HTML5 and Video in Email HTML5 is an open standard that's supported by most (but not all) email clients.
Unfortunately, only Apple products support the HTML5 <video> tag and video media; all others either support images only, or don't support HTML5. For now - here’s the best way to get video into your email campaign in a way that will be viewable by virtually any email client. How to Embed Video in Email First — create the fall-back image. What to Expect. 5 Standout Video Emails » Style Campaign » Anna Yeaman’s guide to successful and stylish email marketing. Get Inspired: Out of over 50 video emails, I choose these five as they have a clear call to action.
Make your creative a graphic of a video player, add in a frame of video with a play icon. Link to a landing page online. {View full-sized Barneys HTML video email} Barneys Landing Page » {View full-sized Shopbop HTML video email} Shopbop Landing Page » {View full-sized Dillards HTML video email} Dillards Landing Page » {View full-sized PiperLime HTML video email} Piperlime Landing Page (no longer available) » {View full-sized Express HTML video email} Express Landing Page » 2 quick thoughts: