From the course: Creating a Responsive HTML Email
Unlock this course with a free trial
Join today to access over 22,400 courses taught by industry experts.
Adding HTML5 video into HTML email - HTML Tutorial
From the course: Creating a Responsive HTML Email
Adding HTML5 video into HTML email
Now we're going to take a look at how we can incorporate HTML5 video into an email. So let's go back to the exercise files and back into the folder on the desktop called My Email. Inside of our project, let's create a brand new folder called Video. And then let's go back to the exercise files, inside of Folder Four. Let's grab a copy of the JPEG and the MPEG-4. Now I'm going to Option drag a copy of these into the My Email folder. You can also use cut and paste. Once these are in place, let's switch back to our email.html file in a text editor. Now inside of our email, the first thing we're going to do, is get rid of the promos and replace that with the video. So let's scroll down here, and let's find the td that's holding both of the promos. So we can see here promo 1 and promo 2. Let's come in here and delete promo 1. Then we'll delete promo 2. And once those are removed, we're going to add an HTML5 video tag. So first, we'll start by adding a video tag, then a space. We're going to…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.