HTML 5 Video in Emails

Share this post on:

HTML 5 is the new version of HTML and XHTML. It is rising rather quickly and it has been said that it will play a huge part in the world of HTML in years to come. Although the final stages of HTML 5 are still in the works, browsers such as; Safari, Google Chrome and Firefox are all supporting this new technology. The HTML5, <video> tag has been said to stand out particularly well. It has been said that this ‘tag’ was created to allow video support of all formats to work on all browsers without installations of any other plugins etc.

The below code seemed to give the best result, after all the current video options were removed.

<video width=”600″ poster=”fallback-image.png” controls autoplay>
<source src=”http://domain.com/video.mp4″ type=”video/mp4″ />
<source src=”http://domain.com/video.webm” type=”video/webm” />
<source src=”http://domain.com/video.ogv” type=”video/ogg” />

<!– Fallback if HTML5 video is not supported –>
<a href=”http://domain.com”><img border=”0″ src=”fallback-image.png” label=”Fallback Image” width=”600″></a>
</video>

As seen in the example, you have to add in a substitute image (this will be loaded as the image for the video before it is presented to the clients who want to support video for their emails) in the <video> tag. You also have to include the width and the height of the video. While showing reference of your source on your server, the ‘H.264′ encoded video should be called into the <video> tag. This is done by incorporating the <source> tag. After you have incoded all of this, you add in the content which you want displaying in your choosen email clients, ensuring that they don’t support HTML5 (while inside the <video> tag).

HTML5 Video Email Support

If you are a Mac using, your first choice should be Apple Mail. This is because, it has been said that the video will run effectively without problem. It has also showed perfect playback on the iPhone too. After a successful outcome with Apple Mail, you can then try out all the other email clients, like; Hotmail, Yahoo etc. However, with much disappointment, online web clients have chosen to not support HTML5 video playback. Although video playback isn’t supported, backup content will be able to be played. This feature was not supported before, so it will be appreciated now. The same happened on Windows too. The video was not supported however, the option for backup content was allowed.

Share this post on:

Author: Nohman Habib

I basically work in the CMS, like Joomla and WordPress and in framework like Laravel and have keen interest in developing mobile apps by utilizing hybrid technology. I also have experience working in AWS technology. In terms of CMS, I give Joomla the most value because I found it so much user freindly and my clients feel so much easy to manage their project in it.

View all posts by Nohman Habib >

Leave a Reply

Your email address will not be published. Required fields are marked *

PHP Code Snippets Powered By : XYZScripts.com