HTML and CSS Reference
In-Depth Information
alternative sites, such as Vimeo, that provide video hosting, too. Then you learned about
the file formats associated with video on the Web and how to convert videos to those for-
mats. You learned a lot about the limitations of the various browsers in terms of the tags
and formats they support and how to work around those limitations to deliver your video
and audio content to as many users as possible.
Next, I discussed the option of hosting your own videos. You learned how to embed
video in web pages using the
<video>
tag and the
<object>
tag and how to combine
them to support the largest number of browsers. You also learned about SWFObject, a
tool that makes it easier to embed Flash movies in your pages in a standards-compliant
way. The lesson also covered two Flash movies that can used to embed video or audio
files in your web pages. Finally, I discussed audio embedding and the
<audio>
tag.
Table 12.5 shows a summary of the tags you learned about in this lesson.
Table 12.5
Tags for Embedding Video and Audio
Tag
Attribute
Use
Embeds audio files into web pages
for native playback by the browser
<audio>
Embeds objects into web pages
<embed>
Embeds objects into web pages
<object>...<object>
Specifies parameters to be passed
to the embedded object. Used in the
object
element
<param>...</param>
Points to a source audio or video file
to be played by an
<audio>
or
<video>
tag
<source>
Embeds an audio file into a web page
for native playback
<video>
The following workshop includes questions you might ask about embedding video and
audio in your web pages, questions to test your knowledge, and three exercises.
Q&A
Q What's the quickest way to get started adding video to my site?
A
The quickest way is to use a site like YouTube of Vimeo that makes it easy to
upload your video files and then embed them using the code provided. For most
publishers, using sites such as these is all that's needed to provide video to users.
