Support for HTML5 audio and video in Dreamweaver CS6 is still a bit primitive. If you update Dreamweaver with Creative Cloud, more HTML5 elements (including audio and video) are available from the Insert menu (or Insert toolbar). But all versions of Dreamweaver CS6 (and 5.5) provide valuable code-hinting in Code (or Split) view, and that's the approach we will take here since it works in any Dreamweaver CS6 environment. And, besides, it is good to be exposed to and understand the audio
and video
tag syntax.
Let's quickly review two essential things you need to work with HTML5 media in Dreamweaver:
If you haven't already, make sure you have a Dreamweaver site defined. This is an essential first step. To learn how to define a site, you can take a look at Chapter 1, Creating Sites and Pages with Dreamweaver CS6, of this book to find out how to do so.
Collect media files. For audio: MP3, OGG, and WebM format audio files. For video: h.264 (often with an
.mp4
filename extension...