MCQs on Multimedia Embedding | HTML
Dive into HTML multimedia embedding techniques with this set of 30 multiple-choice questions. This chapter covers advanced image handling, embedding YouTube videos using the <iframe> tag, and customizing audio and video players using various attributes. Perfect for web developers looking to enhance their multimedia knowledge and skills.
Advanced Image Handling
- Which HTML tag is used to insert an image?
a) <img>
b) <picture>
c) <image>
d) <src> - What is the purpose of the “alt” attribute in the <img> tag?
a) To add a caption to the image
b) To specify an image format
c) To provide alternative text for the image
d) To specify the image size - Which attribute is used to specify the source of the image in HTML?
a) src
b) alt
c) width
d) height - How do you set the width of an image in HTML?
a) width=”500px”
b) height=”500px”
c) width=”500″
d) img-width=”500″ - What attribute is used to define the height of an image in HTML?
a) size
b) height
c) width
d) dimension - Which tag is used to display multiple images in a responsive format?
a) <img>
b) <picture>
c) <iframe>
d) <figure> - The “srcset” attribute is used in HTML to:
a) Display images in full resolution
b) Allow multiple image sources for different screen sizes
c) Display images with transparent backgrounds
d) Create image animations - In HTML, what is the purpose of the “loading” attribute in the <img> tag?
a) To preload the image
b) To delay the image loading
c) To specify image size
d) To control image format - How do you make an image responsive in HTML?
a) By setting the width to 100%
b) By using the <picture> tag
c) By adding the “loading” attribute
d) By setting the height attribute - Which of the following tags can be used for wrapping an image and its caption?
a) <div>
b) <figure>
c) <section>
d) <header>
Embedding YouTube Videos with <iframe>
- What is the primary purpose of the <iframe> tag in HTML?
a) To display images
b) To embed video or other content from external sources
c) To create hyperlinks
d) To display text - Which attribute in the <iframe> tag specifies the URL of the content to be embedded?
a) src
b) href
c) url
d) content - How do you adjust the size of an embedded YouTube video using the <iframe> tag?
a) By using the width and height attributes
b) By changing the src attribute
c) By using the “size” attribute
d) By adjusting the video settings in YouTube - What is the “allowfullscreen” attribute used for in an <iframe> tag?
a) To specify whether the video can be played in full screen
b) To mute the video
c) To autoplay the video
d) To enable video controls - Which of the following is the correct format for embedding a YouTube video using <iframe>?
a) <iframe src=”youtube.com/videoID”></iframe>
b) <iframe src=”https://www.youtube.com/embed/videoID”></iframe>
c) <iframe src=”youtube.com/embed/videoID”></iframe>
d) <iframe src=”https://www.youtube.com/videoID”></iframe> - What does the “frameborder” attribute do in the <iframe> tag?
a) Specifies the frame size
b) Adds a border around the embedded content
c) Controls the iframe’s responsiveness
d) Defines the content type - How can you make an embedded YouTube video autoplay when the page loads?
a) By adding the “autoplay” attribute in the <iframe> tag
b) By adding the “start” attribute
c) By appending ?autoplay=1 to the YouTube video URL
d) By setting the “loop” attribute - Which attribute in the <iframe> tag is used to hide video controls?
a) hidecontrols
b) controls=”false”
c) showcontrols=”no”
d) controls=”0″ - What does the “title” attribute specify in the <iframe> tag?
a) The URL of the embedded content
b) The title of the webpage
c) A description of the embedded content for accessibility
d) The size of the iframe - How can you make an embedded video in HTML responsive?
a) By setting the width and height to 100%
b) By using the “object-fit” CSS property
c) By setting the video to autoplay
d) By wrapping the <iframe> in a <div> container
Customizing Audio and Video Players with Attributes
- Which HTML tag is used to embed an audio file in a webpage?
a) <audio>
b) <music>
c) <sound>
d) <mp3> - Which attribute in the <audio> tag is used to set the source of the audio file?
a) src
b) url
c) file
d) link - Which of the following attributes allows you to add controls to the audio player?
a) controls
b) play
c) autoplay
d) source - What does the “autoplay” attribute do in the <audio> or <video> tag?
a) Automatically starts playing the media when the page loads
b) Mutes the audio when it starts
c) Loops the media continuously
d) Displays the media in full screen - Which attribute is used to loop the media in the <audio> and <video> tags?
a) loop
b) repeat
c) cycle
d) playagain - Which attribute in the <audio> or <video> tag is used to specify the media file type?
a) type
b) format
c) media
d) src - What is the purpose of the “muted” attribute in the <audio> or <video> tags?
a) To enable subtitles
b) To play audio without sound
c) To allow autoplay
d) To increase the volume - Which attribute is used to specify the poster image for a video in the <video> tag?
a) poster
b) image
c) preview
d) cover - How do you enable subtitles in a video in HTML?
a) By using the <sub> tag
b) By adding a <track> tag inside the <video> tag
c) By using the “subtitles” attribute
d) By using a third-party plugin - Which of the following attributes can be used to make a video play in full screen?
a) fullscreen
b) allowfullscreen
c) controls
d) autoplay
Answer Key:
| Qno | Answer |
|---|---|
| 1 | a) <img> |
| 2 | c) To provide alternative text for the image |
| 3 | a) src |
| 4 | c) width=”500″ |
| 5 | b) height |
| 6 | b) <picture> |
| 7 | b) Allow multiple image sources for different screen sizes |
| 8 | b) To delay the image loading |
| 9 | a) By setting the width to 100% |
| 10 | b) <figure> |
| 11 | b) To embed video or other content from external sources |
| 12 | a) src |
| 13 | a) By using the width and height attributes |
| 14 | a) To specify whether the video can be played in full screen |
| 15 | b) <iframe src=”https://www.youtube.com/embed/videoID”></iframe> |
| 16 | b) Adds a border around the embedded content |
| 17 | c) By appending ?autoplay=1 to the YouTube video URL |
| 18 | d) controls=”0″ |
| 19 | c) A description of the embedded content for accessibility |
| 20 | b) By using the “object-fit” CSS property |
| 21 | a) <audio> |
| 22 | a) src |
| 23 | a) controls |
| 24 | a) Automatically starts playing the media when the page loads |
| 25 | a) loop |
| 26 | a) type |
| 27 | b) To play audio without sound |
| 28 | a) poster |
| 29 | b) By adding a <track> tag inside the <video> tag |
| 30 | b) allowfullscreen |