Scribd
Upload
21 views

HTML Multimedia

Uploaded by

rk9451176004
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
21 views

HTML Multimedia

Uploaded by

rk9451176004
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 5

HTML Multimedia

Multimedia on the web page, is audio, videos, movies, and animations.


Multimedia available in many format it may be picture, sound, video,
animation, movie.

Web page contain different type and format of multimedia. Here i will
show you how to add audio, video and images on web page by using
html5.
Audio Tag

Html <audio> tag defines sound, such as music or other audio streams.
Now, there are three supported audio file formats for the <audio> tag; those are given
below;
MP3
Wav
Ogg

Audio formats Chrome Mozilla IE Opera

mp3 Yes Yes Yes No

wav Yes Yes No Yes

ogg Yes Yes No Yes


Example

<!DOCTYPE>
<html>
<body>
<audio controls>
<source src="/html5/images/song.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio>
</body>
</html>

MIME Types for Audio Formats

Format MIME Type

MP3 audio/mpeg

Ogg audio/ogg

Wav audio/wav
Video Tag

<video>tag are used to add video on web page. Html5 added new tag for add video
files on web page, before html5 it is achieved by using <embed> tag.

There are three supported video file formats for the <video> tag; those are given
below;
mp4
webM
ogg

Video formats Chrome Mozilla IE Opera

mp4 Yes Yes Yes No

webM Yes Yes No Yes

ogg Yes Yes No Yes


Example:
<!DOCTYPE html>
<html>
<body>
<video controls>
<source src="/html5/images/movie.mp4" type="video/mp4">
</video>
</body>
</html>
Atrribute Description
controls Used to defines the video controls which is displayed with play/pause buttons.
height Used to set the height of the video player.
width Used to set the width of the video player.
poster Used to specifies the image which is displayed on the screen when the video is not
played.
autoplay Used to specifies that the video will start playing as soon as it is ready.
loop Used to specifies that the video file will start over again, every time when it is
completed.
muted Used to mute the video output.
preload Used to specifies the author view to upload video file when the page loads.
src Used to specifies the source URL of the video file.

You might also like