This document discusses different methods for playing videos in HTML pages, including using the <embed>, <object>, and <video> tags. It also covers using hyperlinks to link to video files. The <embed> and <object> tags can be used to embed multimedia like Flash videos, while the <video> tag, new in HTML5, allows embedding videos in different formats like MP4, Ogg, and WebM. Problems include needing different video formats for compatibility and older browsers not supporting the <video> element.

1. Designing
Web Pages
HTML Videos
Playing Videos in HTML

2. Videos can be played in HTML
by many different methods.
 The <embed> Tag
 The purpose of the <embed> tag is to
embed multimedia elements in HTML
pages.
 The following HTML fragment displays
a Flash video embedded in a web
page:
 Ex. <embed src="intro.swf"
height="200" width="200"/>

3. Videos can be played in HTML
by many different methods.
 <embed src="BBEMNHS School Hymn.wmv"
autostart="true" hidden="true" loop="false">
 <noembed><bgsound src="BBEMNHS
School Hymn.wmv" loop="1"></noembed>
 Where:
 autostart = true or false and governs whether
or not the video will play automatically.
 loop = the actual number of times for the
video to rewind and replay or "infinite."You
might use code like that displayed in the
example below to display a video file:
 <embed src="earth.avi" autostart="true"
loop="infinite" height=100 width=100>

4.  <embed src="d.mp4" autostart="true"
hidden="true" loop="false">
 <noembed><bgsound src="d.mp4"
loop="1"></noembed>

5. Videos can be played in HTML
by many different methods.
 Using The <object> Tag
 The purpose of the <object> tag is to
embed multimedia elements in HTML
pages.
 The following HTML fragment displays
a Flash video embedded in a web
page:
 Ex. <object data="intro.swf"
height="200" width="200"/>

6. Videos can be played in HTML
by many different methods.
 Using the <video> Tag
 The <video> element is new in HTML 5.
 The purpose of the <video> tag is to embed
video elements in HTML pages.
 The following HTML fragment displays a video in
ogg, mp4, or webm format embedded in a web
page:
 Ex. <video width="320" height="240"
controls="controls">
<source src="movie.mp4" type="video/mp4" />
<source src="movie.ogg" type="video/ogg" />
<source src="movie.webm" type="video/webm"
/>
Your browser does not support the video tag.
</video>

7. PROBLEMS
 Problems:
 You must convert your
videos to many different
formats.
 The <video> element does
not work in older browsers.

8. Videos can be played in HTML
by many different methods.
 Using A Hyperlink
 If a web page includes a hyperlink to a
media file, most browsers will use a
"helper application" to play the file.
 The following code fragment displays a
link to a Flash video. If a user clicks on
the link, the browser will launch a helper
application, like Windows Media Player
to play the AVI file:
 Ex. <a href="intro.swf">Play a video
file</a>