Media

With Dreamweaver CS6, we get the ability to create an HTML5 based webpage, and as a part of HTML5, You now have ability to include video objects in to the webpage natively without need an external video player. Video support now is build in each HTML5 compliant web browser. Let's explore how to insert a video into your HTML page. You need to use <video> tag and <source> tag to present the video.

 <video id="video1" width="860" height="480" controls>
<source src="media/video.m4v" type="video/mp4">
<source src="media/video.webm" type="video/webm">
<source src="media/video.ogg" type="video/ogg"> <source src="media/video.swf" type="video/flv">
</video>

Requirement:

  1. Create a “media.html” description page
  2. Insert a Flash animation (~.swf) into the header section of the "media.html" page
  3. Embed a Flash video into the content section of the "media.html" page
  4. Insert an HTML5 video into the content section of "media.html" page