Join Paul Trani for an in-depth discussion in this video Adding HTML5 audio and video, part of Dreamweaver: Creative Cloud Updates.
Now that most modern browsers allow you to play HTML 5 audio and video, the …latest version of Dreamweaver allows you to easily insert this content into your page. …So, what I'm going to do is go to Insert panel, go down to Media, and I'll see …HTML 5 Video and Audio. So, let's just scroll down on this page, …right down here is where I want to insert a video. …So selecting HTML5 video, what it does is it adds this square, but it really adds …all of these various properties. So from here, it's just a matter of …filling in the blank, starting with the source.…
So, I can browse to a certain file. This is going to be an MPEG4 file in my …Video folder. Notice also, there's an OGV file and a …WEBM file as well. I want to make sure I have those …additional formats so this video plays across multiple browsers. …So, with that mMPEG4 selected, I can select Open. …And it actually recognizes those additional videos in that folder. …Fills it in for me, that's nice. I'm also going to select a poster image.…
Note: Adobe Creative Cloud is updated on a regular basis. We will add more tutorials as features are added or changed, so check back often.
- Getting used to the new interface
- Syncing your settings
- Implementing media queries with CSS Designer
- Working with the Fluid Grid layout updates
- Adding HTML5 audio and video