How to Embed Video into a Email HTML Templates

This video is related to Postcards 2. This app version has been updated with the new version.
The new way to embed video into an email template - help.designmodo.com/article/embed-youtube-video… and youtube.com/watch?v=7ugF5AhQ5IQ
Postcards - designmodo.com/postcards/

► Learn how to embed video into an email HTML template created in Postcards. Follow these three simple steps to add real value to the newsletter and turn prospects into clients.
Much like in real life where we choose watching instead of reading, in email newsletter video is exactly what the doctor ordered for subscribers with short attention span. It naturally increases engagement of the contacts leading to higher click through rates.
Video marketing is one of the promising areas these days. It is even a top trend of 2020. More and more entrepreneurs use video material in emails.
If you are one of those who follow the mainstream and curious about how to use video in an email newsletter, we are here to feed your curiosity.
► Our 3-step video tutorial was created to show you how to embed video into an email HTML template created in Postcards.
We are going to use Postcards because it is one of the best tools for email marketers who want to send out newsletters with stylish design and responsive behavior. If you value your time, then it is certainly for you.
Therefore, one of the requirements of our tutorial is to have a Designmodo account so that you can repeat all our steps right inside the editor.
Another prerequisite is that you should have links to the video and image that will be a cover.
We need an image cover for those email clients that do not support video players. Sadly, not all modern email readers support video. Therefore, we should be ready for that. We will create a fallback to make our newsletter look great in all situations.
► If you are ready with your prerequisites, it is time to guide you through the basic routine of embedding video into an email HTML template.
Step 1 Create a template in Postcards. Our template is rather basic. It has several main sections.
As for you, you can create whatever layout you want, yet with one small exception. Make sure you have the "Text" field. We need this UI element to add a video.
Step 2 Add HTML video code to your template in the app. To incorporate video into the layout, we need to add code.
Open text editor in the Postcards app. It is available under the "Tools" tab.
Here you need to add your video code by replacing all the default content.
There are two important things to note.
First, make sure a video link is valid and placed correctly.
Second, remember to add the image source link to the "poster" attribute. This small trick will ensure fallback for email clients that do not support video formats.
Actually, at this point, we are done. The video should be embedded into an email HTML template.
However, what if you want to make the video fit the area with custom width and height? Well, the solution is easy. We are going to show you how to do this as well. Move to the next step.
Step 3 Edit the code to change the size of the video. The routine is simple. We are going to use such attributes as "width" and "height." Simply set your values there.
Well, that is all. Now you can enjoy your beautifully crafted email HTML template with perfectly integrated video content.