• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint

Lab 7.3 Exercises

7.3.1. Embed Video in a Web Page

For this exercise, do a search on Yahoo for “video clip archive.” This will give you a number of different sites with video clips. Download a video file (i.e., welcome.mov) from a site on the Internet.

a) Create an <EMBED> tag for an embedded video object with the source being the file you are using (e.g., “welcome.mov”).

________________________________________________________________________

________________________________________________________________________

A1:

Answer: The tag might look like the following:

<embed SRC="welcome" width=300 height=300>.

All embedded video data, however, is subject to several default attributes—most commonly SRC, WIDTH, and HEIGHT (see Table 7.3).

Table 7.3. Example of <EMBED> Attributes for Video
<embed src="video.mov"Specifies a path to the video file that you want to embed in your page.
type="video/quicktime"Alternately, you can include a MIME type instead of a path to a specific file. This option is commonly used when the content is to be generated dynamically and no actual source file exists. All <EMBED> tags must contain either a SRC or a TYPE parameter.
width=75 height=50>The horizontal and vertical dimensions, in pixels, of the window in which your movie will be displayed.

Note: The numbers entered here will only affect the dimensions of the display window, not of the movie itself. If the display window is smaller than the movie, some parts of the movie will not be visible.


Depending on the type of video file being embedded, the <EMBED> tag may also contain optional parameters that supply additional information to the plug-in handling the embedded data. An embedded QuickTime movie, for instance, is subject to the following special parameters, among others:

autostart=falseDetermines whether the movie begins playing automatically when the page has loaded. Can be set to TRUE or FALSE; defaults to TRUE.
loop=trueDetermines whether the movie will automatically begin playing again after it has finished. Can be set to TRUE or FALSE; defaults to FALSE.
controller=falseDetermines whether the player's controls will be visible and accessible to the user. Can be set to TRUE or FALSE; defaults to TRUE.
playeveryframe=trueUsed to ensure that the movie will play every frame, even if it must play at a lower rate to do so. Note, however, that it will also disable any audio tracks. Can be set to TRUE or FALSE; defaults to FALSE.


As usual, for more information on any special parameters supported by a specific browser plug-in, refer to the documentation supplied with the plug-in.

b) Create an <OBJECT> tag for embedded video object with the source being the file you are using (e.g., “welcome.mov”).

________________________________________________________________________

________________________________________________________________________

A2:

Answer: An example might be:

									<object data="welcome.mov" width=300 height=300> </object>
								

c) Create an <EMBED> tag for a video object and add the controller=false option. How does the appearance change?

________________________________________________________________________

________________________________________________________________________

A3:

Answer: As the name implies, there are no controls for the video player. That means the user has no control over the flow of the video. That is, he or she cannot stop the video, rewind it, or do anything else.

d) Create an <EMBED> tag for a video object and change the HEIGHT and WIDTH options. How does the appearance change?

________________________________________________________________________

________________________________________________________________________

A4:

Answer: As their names imply, the height and width tags change the size of the video player. If the size is too small, then you won't see the video at all. If the play is too large, the quality of the image will be poor.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint