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>
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).
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.
Due to the increasing amount of competition in the online business world, online entrepreneurs have been forced to be more creative in their marketing endeavours. Marketing your online business enables you to make the web browsers aware of your products and services and thus force them to visit your site regularly for your services. It is therefore important for you to make sure that your marketing strategies are effective and efficient. Mind you, you do not have to spend thousands of dollars to market your business. The current technological advancement has made this task more simple and cost effective. For instance, you can now include video to your marketing emails thus enabling the subscribers to understand the message more clearly. This article seeks to show you how to send videos through email.
They normally say that a picture is worthy a thousand words. Therefore, before you send your regular promotional messages and newsletters to your subscribers, consider the possibility of adding a video in the email. Such a video will help you to improve the effectiveness of your message and also allow the subscribers to see for themselves the kind of products and services you have in store for them. However, including a video in your email message is not such an easy task. It requires you to have the necessary skills and techniques. This is why you have to continue reading this piece of information so that you can learn how to add video in email. The only thing that you first need to understand is that, very few email service providers allow their members to send videos via email. Therefore, you have to consider the other available options.
There are several ways to add a video to your email message. One of these techniques is to upload your video to YouTube and any other site that supports video sharing. However, this method is not very effective considering that the subscriber may not be a member or a fan of the video sharing site. In such cases, the subscribers tend to ignore the entire message and that is a loss to you. Therefore, if you want to use this method, make sure that you understand your subscriber’s preferences. Choose a site that most of your subscribers are comfortable with.
The other option available for you is to upload the screen shot of the video to your email. This gives your subscribers a chance to have an idea of the video and they can be compelled to search for the video at other video sharing sites. However, this method is also not very reliable. The most effective idea on how to send videos through email is to link the video to the one on the other video sharing sites such as YouTube. Once the subscriber clicks on the link, they will be introduced to the video on the other sites. So far, this is the most common method of including video in the email that most people are using.
This video shows you how to create email templates the easy way, using Photoshop and Dreamweaver. I’ll show you how to slice a design in Photoshop, export into HTML and edit the HTML in Dreamweaver.
This is part 2 of a 3 part series on how to create a HTML email. This is based on the email template I released a few weeks ago, Here. This is my first ever screencast series so any kind of feedback would be great. In Part 2 I’ll show you how to convert a PSD into HTML.