Table of Contents:
Table of Contents minLevel 2
HTML Idiosyncrasies
Hotmail
If your HTML Email contains a CSS comment and inside that comment is a tag (see tag below: <code _tmplitem="277" >) then the email will render empty in Hotmail ISP including Outlook.com!!
| Code Block |
|---|
<style type="text/css">
/* This most probably won\'t work in all email clients. Don\'t include <code _tmplitem="277" > blocks in email. */
</style> |
How To Embed Videos in an HTML Email
Intro
It should be noted that nowadays most all webmail clients, like Gmail, it is enough to simply put a YouTube link in the body of the email, and Gmail will render that link as a playable video embedded directly within the body of the email. There are other email clients that do this as well. Another way to embed a video is using the HTML 5 video tag, as show shown in the following section.
Using the HTML 5 Video Tag
Note: this tag only has limited support, in a limited set of mail clients
| Code Block |
|---|
<video controls="" height="264” width="640" poster="http://url-to-cover-image/opening-image.png" src="http://url-to-video/video-clip-n.mp4" type="video/mp4" > </video> |
Where:
- Poster – the opening image to display prior to playing the video
- Src – the URL to the video
- Type – indicates video format of the video you're using, for example:
- video/MP4
- video/WebM
- video/Ogg
Currently, there are 3 supported video formats types: MP4, WebM, and Ogg:
| Browser | MP4 | WebM | Ogg |
|---|---|---|---|
| Internet Explorer | YES | NO | NO |
| Chrome | YES | YES | YES |
| Firefox | YES from Firefox 21 from Firefox 30 for Linux | YES | YES |
| Safari | YES | NO | NO |
| Opera | YES From Opera 25 | YES | YES |
- MP4 = MPEG 4 files with H264 video codec and AAC audio codec
- WebM = WebM files with VP8 video codec and Vorbis audio codec
- Ogg = Ogg files with Theora video codec and Vorbis audio codec