Name:
Class:
Date:
True / False
1. All browsers can decode video and audio.
a.
True
b.
False
False
1
324
2. Most video on the web is encoded as AAC, MP3, or MOV.
a.
True
b.
False
False
1
324
3. The WebM container format commonly uses H.264 video encoding.
a.
True
b.
False
False
1
325
4. Captions and descriptions are saved in external files and linked to a web page.
a.
True
b.
False
True
1
336
5. Video controls displayed by browsers typically include a full-screen button.
a.
True
b.
False
True
1
328
6. Even if a video element contains one or more nested source elements, it’s still important to include the src
attribute for the video element.
a.
True
b.
False
False
1
329-330
Name:
Class:
Date:
7. HTML5 does not enable you to incorporate support for video that works for users of older browsers.
a.
True
b.
False
False
1
332
8. Before a user chooses to play a video, the first frame of the video is displayed by default.
a.
True
b.
False
True
1
334
9. HTML5 introduced an audio element for linking audio files to a web page and enabling users to control playback.
a.
True
b.
False
True
1
338
10. Because an audio element contains no visual content, it’s invisible on a web page unless controls or a poster image
are displayed.
a.
True
b.
False
True
1
338
Modified True / False
11. Four main video codecs are in wide use on the web today: Flash, Theora, VP8, and VP9.
_________________________
False – H.264, h.264, H264, h264
1
324
12. Each encoding method is known as a codec—short for coder/decoder. _________________________
True
1
13. Descriptions consist of text that is overlaid on a video image and describes the audio portion.
_________________________
Name:
Class:
Date:
14. The WebM container format commonly uses VP8 or VP9 video encoding. _________________________
15. To preserve the layout of your web pages in browsers that are unable to render video content, you can provide a poster
image. _________________________
16. The src attribute of the video element specifies the name and location of the video file to display.
_________________________
17. You can nest multiple instances of the source element within a video element to specify the location and encoding
of multiple versions of the same video encoded in different formats._________________________
18. The autoplay attribute indicates that the browser should restart playback each time it reaches the end of a video.
_________________________
19. Older browsers rely on additional software to play videos, such as the most widely installed program, Adobe Acrobat.
_________________________
20. The audio/mpeg MIME type is associated with the AAC audio format. _________________________
Name:
Class:
Date:
21. The process of transforming a ____ into a digital file is known as encoding.
a.
moving image
b.
sound
c.
Either A or B.
d.
Neither A nor B.
1
324
22. An encoded set of video data is known as a(n) ____.
a.
encoding
b.
stream
c.
container
d.
plugin
b
1
324
23. While most container formats can accommodate a variety of codecs, each container is commonly used with one or two
specific ____ codecs.
a.
audio
b.
video
c.
Both A and B.
d.
Neither A nor B.
1
324
24. One of the most commonly used helper programs for playing web video and audio is __________.
a.
Windows Media Player
b.
Apple iTunes
c.
Adobe Acrobat
d.
Adobe Flash Player
d
1
324
25. Which of the following is a popular container format on the web today?
a.
WebM
b.
H.264
c.
VP8
d.
Vorbis
1
324
26. Playing a video or audio file on a computer has traditionally required a program, known as a helper program or a
____, that can both unpack the relevant container and decode the video and audio streams.
a.
plugin
b.
container
c.
codec
d.
stream
1
324
Name:
Class:
Date:
27. The __________ attribute of the video element specifies the container format used to encode the file.
a.
autoplay
b.
type
c.
loop
d.
src
1
28. video/x–flv is the MIME type for __________.
a.
Flash Video
b.
MPEG-4
c.
Ogg
d.
WebM
1
29. MPEG-4 files use the extension ____.
a.
.mp4
b.
.m4v
c.
Either A or B.
d.
Neither A nor B.
325
30. The presence of the controls attribute in the video element instructs browsers
a.
to add their default controls.
b.
to hide their default controls.
c.
to block user control of playback.
d.
to begin playing the video immediately when the page is loaded.
1
31. The loop attribute of the video element indicates
a.
that the browser should restart playback each time it
reaches the end of the video.
b.
that user control of playback should be blocked.
c.
that the video should begin playing immediately
when the page is loaded.
d.
that the browser should download the video file
when opening the web page.
1
32. The autoplay attribute of the video element indicates
a.
that the video should begin playing immediately
when the page is loaded.
b.
that the browser should restart playback each time it
reaches the end of the video.
c.
that user control of playback should be blocked.
d.
that the browser should download the video file when
Name:
Class:
Date:
opening the web page.
1
329
33. When using MPEG-4, the common video encoding is ____.
a.
AAC video
b.
H.264 video
c.
VP8 video
d.
Theora video
b
1
325
34. When using MPEG-4, a common audio encoding is ____ audio
a.
VP8
b.
Theora
c.
Opus
d.
AAC
d
1
325
35. When using Ogg, a common video encoding is ____ video
a.
H.264
b.
AAC
c.
Theora
d.
VP8
1
325
36. When using Ogg, a common audio encoding is ____ audio.
a.
Opus
b.
AAC
c.
Theora
d.
H.264
1
325
37. The container format is expressed using the relevant MIME type, which is a standardized value used to reference a
__________ type.
a.
data
b.
web
c.
download
d.
transaction
1
326
38. It’s generally best to reference multiple video files, each specifying the same video but in different ____ formats, to
accommodate the potential range of your users’ browser capabilities.
a.
encoding
b.
container
Name:
Class:
Date:
c.
Both A and B.
d.
Neither A nor B.
1
330
39. All modern browsers can play MPEG-4 videos encoded with the __________ codec.
a.
H.264
b.
Theora
c.
VP8
d.
VP9
1
330
40. Video controls typically include a play button, a position bar for visualizing the progress of the video during playback
with a slider for moving forward or backward in the video, one or more options for adjusting the ____ level, and a full-
screen button.
a.
video speed
b.
audio
c.
color
d.
download rate
b
1
328
41. To make a Flash video available to older browsers, you use the object and __________ elements.
a.
param
b.
flash
c.
source
d.
embed
1
332
42. Although you can control the size of the video element with CSS style rules, yo still need to specify the width and
height of the object element using __________.
a.
attributes
b.
parameters
c.
child elements
d.
JavaScript
1
332
43. A(n) __________ image is displayed before a video is played.
a.
poster
b.
fallback
c.
lead-off
d.
alternate
1
334
44. A(n) __________ image is displayed in browsers that do not recognize the video element and cannot render the
Name:
Class:
Date:
video specified by the object element.
a.
poster
b.
fallback
c.
lead-off
d.
alternate
b
1
334
45. Both captions and descriptions are written in __________.
a.
WebVTT
b.
HTML
c.
CSS
d.
None of the above.
1
336
46. Referring to the code shown in the figure above, which element specifies the poster image?
a.
video
b.
source
c.
object
d.
img
1
334
47. Referring to the code shown in the figure above, which element specifies the fallback image?
a.
video
b.
source
c.
param
d.
img
d
1
334
48. Referring to the code shown in the figure above, which element specifies the path and filename of the video file for
Name:
Class:
Date:
older browsers?
a.
video
b.
source
c.
object
d.
param
d
332
49. Referring to the code shown in the figure above, which of the following is most likely the video codec used in the
source file bfly.webm?
a.
H.264
b.
Theora
c.
VP9
d.
Flash
1
50. Referring to the figure above, which code indicates the start of a comment?
a.
WEBVTT FILE
b.
NOTE
c.
1
d.
00:00.000
1
51. Referring to the figure above, which code is a cue name?
a.
WEBVTT FILE
b.
NOTE
c.
1
d.
00:00.000
1
Name:
Class:
Date:
52. Referring to the figure above, which code is a cue time range?
a.
WEBVTT FILE
b.
1
c.
00:00.000 —> 00:31.000
d.
A bush with purple flowers is covered with many dark butterflies, some of
which slowly beat their wings.
1
53. Referring to the figure above, which code is cue text?
a.
NOTE
b.
1
c.
00:00.000 —> 00:31.000
d.
A bush with purple flowers is covered with many dark butterflies, some of
which slowly beat their wings.
d
Case-Based Critical Thinking Question
Lu maintains a website for the local bicycle coalition, a nonprofit organization that she works with. She wants to add
video of a recent bike safety class to the site.
54. Lu wants users’ browsers to display their own default controls to the video element. To do this she adds the
____attribute.
a.
buttons
b.
controls
c.
default
d.
play
b
Critical Thinking
55. Lu wants to include an image that users see before they play the video. To do this, she uses __________.
a.
the poster attribute
b.
the object element
c.
the param element
d.
the img element
334
Critical Thinking
56. Lu wants to make her video accessible for users who are deaf or hard of hearing. To do so, she includes __________.
a.
captions
b.
descriptions
Name:
Class:
Date:
c.
narration
d.
a fallback image
1
273
Critical Thinking
57. Lu wants to make her video accessible for users who are blind or have low sight. To do so, she adds __________.
a.
captions
b.
descriptions
c.
narration
d.
a fallback image
b
1
336
Critical Thinking
Case-Based Critical Thinking Question
Patrice hosts a radio show on his college station. He wants to post clips from some of his shows on his website for review
by potential employers.
58. Patrice wants to display an image for each audio clip. To do so, he uses __________.
a.
the poster attribute
b.
the img element
c.
the height and width properties
d.
the height and width attributes
1
338
Critical Thinking
59. Patrice specifies a MIME type of audio/mpeg for each of his clips. This is because the clips are encoded in which
audio format?
a.
AAC
b.
mp3
c.
Opus
d.
Vorbis
b
1
339
Critical Thinking
60. Which element used in adding video to a web page is not also used when adding audio?
a.
source
b.
object
c.
param
d.
img
d
1
Completion
Name:
Class:
Date:
61. Researchers are continually trying to find new ways to encode video and audio that result in smaller __________
sizes.
file
324
62. Each encoding method for video and audio is known as a(n) __________.
1
63. An encoded set of video data is known as a(n) __________.
stream
324
64. Encoded video and audio are packaged for distribution within a file known as a(n) __________.
1
65. A(n) __________ is a program that can both unpack a container and decode the video and audio streams.
plugin
66. You specify a file’s container format using the relevant __________ type.
mime
67. You can nest multiple instances of the __________ element within a video element to specify the location and
encoding of multiple versions of the same video encoded in different formats.
1
Matching
Match each HTML element with its use in creating web video and audio.
a.
includes the content of an external resource, such as Flash video, in the current web page
b.
when multiple versions of the same video are used, specifies the location and encoding of one version of the video
Name:
Class:
Date:
c.
contains all other elements used to add video
d.
defines one or more parameters related to an external resource
e.
specifies an image to be displayed in browsers that cannot render any of the video content
REFERENCES:
326
330
333-334
68. video
1
69. source
b
1
70. object
1
71. param
1
72. img
73. Explain why it is necessary to provide a Flash fallback when you include video or audio in a web page.
program, and for this reason it is a common choice for supporting a wide array of browsers.
1
Critical Thinking
74. Explain what captions and descriptions are and how incorporating them into web videos can make the videos more
accessible.
addition to narration or dialog, captions also include a description of other sounds that are part of the
who are blind or have low sight, you create descriptions, which explain in words what is happening in
75. Explain the uses of the kind, label, src, and srclang attributes of the track element.