Embedding video in emails

The Web has come a long way in the past 4 or 5 years. The widespread adoption of the HTML5 and CSS3 standards, along with the increasing power of mobile devices has meant that you can do an awful lot now which was not possible just a short time ago. Websites using jQuery plugins and AJAX facilities are now very common. 

Unfortunately, there has been one element of the web which has lagged behind in progress. That's the email client. Few people update their email software as often as their browser. The top 10 email clients at this time are:

1 Apple iPhone 27%
2 Gmail 17%
3 Apple iPad 12%
4 Outlook 9%
5 Apple Mail 8%
6 Google Android 7%
7 Outlook.com 5%
8 Yahoo! Mail 4%
9 Windows Live Mail 2%
10 AOL Mail 1%

(source: http://emailclientmarketshare.com )

With such a fragmented market and many people still using older email clients, it can be very difficult to create email campaigns that will work equally well on all platforms.

One thing our clients often ask for is videos embedded in emails. One would think that in 2015, there would be a simple way to do this. However the support for embedded video is still quite poor. Despite valiant attempts at creating HTML 5 methods for embedding video in email, this will only allow about 60% of your audience to see it.

The table below (taken from http://www.emailonacid.com)  shows the support for different email clients to view html5 embedded video 

 

Client Plays Video Shows Fallback
Apple Mail 4  
Apple Mail 5  
Apple Mail 6  
Live Mail  
Lotus Notes 6.5  
Lotus Notes 7  
Lotus Notes 8  
Lotus Notes 8.5  
Outlook 2003  
Outlook 2007  
Outlook 2010  
Outlook 2013  
Outlook Express  
Thunderbird 13  
Thunderbird 24  
Windows Mail  
Android 2.3, Native Client  
Android 4, Native Client  
Android Gmail 2.2  
BlackBerry 8800  
BlackBerry 9930  
iPad 5.0, Native Client  
iPad Gmail  
iPhone 4S (iOS 5), Native Client  
iPhone 4S (iOS 6), Native Client  
iPhone 5 (iOS 6.1), Native Client  
Kindle Fire 2.3  
AOL - Chrome 26 (Mac)  
AOL - Chrome 26 (Win)  
AOL - Firefox 21 (Mac)  
AOL - Firefox 21 (Win)  
AOL - Internet Explorer 8 (Win)  
AOL - Internet Explorer 9 (Win)  
Gmail - Chrome 26 (Mac)  
Gmail - Chrome 26 (Win)  
Gmail - Firefox 21 (Mac)  
Gmail - Firefox 21 (Win)  
Gmail - Internet Explorer 8 (Win)  
Gmail - Internet Explorer 9 (Win)  
Gmail - Safari 5 (Win)  
Outlook.com - Chrome 26 (Mac)  
Outlook.com - Chrome 26 (Win)  
Outlook.com - Firefox 21 (Mac)  
Outlook.com - Firefox 21 (Win)  
Outlook.com - Internet Explorer 8 (Win)  
Outlook.com - Internet Explorer 9 (Win)  
Outlook.com - Safari 5 (Win)  
Yahoo! - Chrome 26 (Mac)  
Yahoo! - Chrome 26 (Win)  
Yahoo! - Firefox 21 (Mac)  
Yahoo! - Firefox 21 (Win)  
Yahoo! - Internet Explorer 8 (Win)  
Yahoo! - Internet Explorer 9 (Win)