HTML Questions and Answers - HTML5 Video

1. __________ is a JavaScript library that implements the most common user interface elements and interactions like sliders, accordions, tabs, and so on.
a) JavaScript
b) JQuery UI
c) VTS
d) JCL

Answer: b
Explanation: JQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. JavaScript is a scripting language. VTS is a powerful rendering engine browser for JavaScript. JCL is Job Control Language which is also named as scripting language.

2. In HTML Audio/Video DOM, __________ sets or returns whether the audio/video should be loaded when the page loads.
a) preload
b) autoplay
c) buffered
d) controller

Answer: a
Explanation: Autoplay, preload, buffered, controller etc are the different kinds of attribute of video/audio element. Using autoplay, video/audio automatically begins to play. The preload property allows the author to provide a hint to the browser about what he/she thinks will lead to the best user experience. This attribute may be ignored in some instances.

3. Which of the following is not a HTML5 tag?
a) <video>
b) <source>
c) <track>
d) <slider>

Answer: d
Explanation: <video> tag is used to display video clips in HTML5. Multiple media resources for media elements is specified by <source> tag. Text track for media elements i.e. <audio> & <video> is provided by <track> tag in HTML5. There is no such thing as slider tag in HTML5.

4. What will happen if height and width of video are not set while video loads?
a) page flickers
b) page does not load
c) page crash
d) page closes

Answer: a
Explanation: If height and width are not set, the browser does not know the size of the video. The effect will be that the page will change (or flicker) while the video loads.

5. Which of the following HTML Video – Media Type is not supported in IE?
a) WebM
b) MP4
c) Ogg
d) MP4 FLAC

Answer: c
Explanation: The Ogg container format with the Theora video codec and the Vorbis audio codec is supported in desktop/mobile Gecko (Firefox), Chrome, and Opera, and support for the format can be added to Safari (but not on iOS) by installing an add-on. The format is not supported in Internet Explorer in any way. The most widely used format for HTMl video i.e MP4 format is supported in IE.

6. In HTML Audio/Video DOM, __________ sets or returns the default speed of the audio/video playback.
a) currentTime
b) duration
c) defaultPlaybackRate
d) playbackRate

Answer: c
Explanation: CurrentTime set or returns current playback position while playing audio/video. The length of the current audio/video is set or returned by duration. Default speed of playback is given by defaultPlaybackRate while playback returns speed of the audio/video.

7. In HTML Audio/Video DOM, __________ sets or returns the CORS settings of the audio/video.
a) currentTime
b) duration
c) defaultPlaybackRate
d) crossOrigin

Answer: d
Explanation: CurrentTime set or returns current playback position while playing audio/video. The length of the current audio/video is set or returned by duration. Default speed of playback is given by defaultPlaybackRate. The purpose of the crossorigin attribute is to allow you to configure the CORS requests for the element’s fetched data.

8. In HTML Audio/Video DOM, __________ returns a TimeRanges object representing the buffered parts of the audio/video.
a) preload
b) networkState
c) buffered
d) controller

Answer: c
Explanation: Preload is used to set or return whether the video/ audio has been loaded on page. Current network of audio/video has been set or returned by networkState. A buffered range is a time-range of buffered audio/video. The user gets several buffered ranges if he/she skips in the audio/video. Media controller of current video/audio is given or returned by controller.

9. Which of the following element is used for canvas graphics?
a) <paint>
b) <canvas>
c) <graphic>
d) <css>

Answer: b
Explanation: CSS i.e. Cascading Style Sheet is a scripting language. Canvas graphics is introduced in HTML5. Element used for canvas graphics is <canvas>. The HTML canvas element is used to draw graphics, on the fly, via scripting (usually JavaScript).

10. Which of the following statement is not true?
a) SVG stands for Scalable Vector Graphics
b) SVG is used to define graphics for the Web
c) SVG is a W3C recommendation
d) SVG doesn’t support event handlers

Answer: d
Explanation: SVG stands for “Scalable Vector Graphics”, it is used to draw graphics for the web. W3C recommends SVG graphics. SVG also supports event handlers which is not supported in canvas.