Web Development and Design Foundations with XHTML, 5th Edition

(Steven Felgate) #1
11.5 Using Video on a Web Page^435

Figure 11.5
Using the


tag to
embed video
video player) cannot be rendered. Also, to help provide for accessibility, the title attrib-
ute has been configured with a brief text description of the video. This area will be read
by some assistive technologies such as screen readers.

HANDS-ON PRACTICE 11.3


In this Hands-On Practice you will create a Web page that uses the <object>tag to
play a video clip for a Web page visitor. If you have not already done so, copy the
lighthouse.mov file from the Chapter11 folder in the student files and save it to disk.
Launch Notepad or another text editor and create a Web page, shown in Figure 11.5,
that contains the heading “Door County Lighthouse Tours” and uses the <object>tag.
Use the sample code and the list of attributes and values in Table 11.1 and Table 11.2
as a guide. Experiment with the <object>element’s heightand widthattributes.
Explore the <param />element’s, autoplay, and loopattributes. Save your page as
lighthouse.html and test it in a browser. Try to test your page in different browsers and
browser versions. Compare your work to the sample in the student files
(Chapter11/lighthouse.html).

If you are interested in exploring additional methods to configure Web pages with media,
you may want to check out the tutorial at http://www.apple.com/quicktime/tutorials/
embed.html. The tutorial provides an example of using JavaScript to dynamically write the
XHTML to embed QuickTime media on a Web page. JavaScript is introduced later in this
chapter and is the focus of Chapter 14.