home

HTML5 Multimedia Elements

Html5 multimedia elements enable to add audio and videos to the website, you can play, see pictures and more without assistance of flash or another support plugins. The main aspect is supported all the formats videos and audio formats, reduce the code and loading time and more.

<video>-Embed

Html5 video element enables to add videos to the website, you can play, see pictures and more without the assistance of flash or another support plugins. The main aspect is supported all the formats videos and reduces the code and loading time and more.

Please check the below simple example code of html5 video element

<video src="foo.mp4"  width="300" height="200" controls>
<source src="/html5/1.mp4" type="video/mp4" />
</video>
Attribute Description
autoplay The video will automatically begin to play back as soon as it can do so without stopping to finish loading the data.
autobuffer The video will automatically begin buffering even if it's not set to automatically play.
controls This will allow you the control video playback, including volume, seeking, and pause/resume playback.
height This attribut specifies the height of the video( in CSS pixels).
loop This will allow video automatically seek back to the start after reaching at the end.
preload This will be loaded at page load, and ready to run. Ignored if autoplay is present.
poster This is a URL of an image to show until the user plays or seeks.
src The URL of the video to embed.
width This attribut specifies the width of the video( in CSS pixels).

<audio>-Embed

Html5 multimedia elements enable to add audios to website, you can play audios without assistance of flash or another support plugins. The main aspect is supports all the formats audio formats, reduce the code and loading time and more.

Please check the below simple example code of audio

<audio controls autoplay>
<source src="/html5/audio.wav" type="audio/wav" />
</audio>
Event Description
abort This event is generated when playback is aborted.
canplay This event is generated when enough data is available that the media can be played.
ended This event is generated when playback completes.
error This event is generated when an error occurs.
loadeddata This event is generated when the first frame of the media has finished loading.
loadstart This event is generated when loading of the media begins.
pause This event is generated when playback is paused.
play This event is generated when playback starts or resumes.
progress This event is generated periodically to inform the progress of the downloading the media.
ratechange This event is generated when the playback speed changes.
seeked This event is generated when a seek operation completes.
seeking This event is generated when a seek operation begins.
suspend This event is generated when loading of the media is suspended.
volumechange This event is generated when the audio volume changes.
waiting This event is generated when the requested operation (such as playback) is delayed pending the completion of another operation (such as a seek).