Building a website with Web Premium CS4 – Part 13: Adding video to the website

Welcome to Part 13 of the Building a website with Web Premium CS4 tutorial series. In this part, you'll complete the following tasks:

• Encode a video file into F4V format.
• Create a Flash presentation that displays the video file using progressive download.
• Embed the video player in a web page so the video can be displayed in full screen format.

Note: If you've just arrived at this section, you may want to go to Part 1 and start following along from the beginning. Or, if you prefer, you can download the sample files provided below and start following the instructions that are outlined here. The steps in this tutorial assume that you've installed the web server and application server (as described in Part 2), and defined a Dreamweaver site that points to the directory on your hard disk where the local site files are stored. These instructions also assume that you've completed Part 9 of this series.

Requirements

In order to make the most of this article, you'll need the following software and files:

Flash CS4 Professional

• Try
• Buy

Dreamweaver CS4

• Try
• Buy

Note: You'll also use Adobe Media Encoder CS4 and Adobe Media Player, which are included with Flash CS4 Professional and with all Creative Suite 4 editions.

Sample files:

• adventuretours_pt13_starter.zip (ZIP, 1.4 MB)
• adventuretours_pt13_solution.zip (ZIP, 3.4 MB)
• adventuretours_pt13_video.zip (ZIP, 46.3 MB MB)

Prerequisite knowledge

Basic familiarity working with Flash and Dreamweaver is recommended.

Building a website with Adobe Creative Suite 4 Web Premium

For your reference, here are all the parts in this series:

Introduction
Part 1: Planning the website
Part 2: Creating a local site
Part 3: Creating a remote site
Part 4: Creating a visual design
Part 5: Slicing and exporting site assets with Fireworks
Part 6: Adding styles to finalize the page design
Part 7: Finalizing and reviewing the home page
Part 8: Creating a database
Part 9: Presenting dynamic data
Part 10: Adding Ajax functionality with Spry
Part 11: Creating an interactive web form
Part 12: Creating and presenting a Flash animation
Part 13: Adding video to the website
Part 14: Creating a blog with InContext Editing

Page 1 of 4

Next Page

About the author