HTML 5 Multimedia
Common Video Formats
MP4 is the new and upcoming format for internet video.
MP4 is recommended by YouTube.
MP4 is supported by Flash Players.
MP4 is supported by HTML5.
MPEG(.mpg.mpeg),AVI(.avi),WMV(.wmv),QuickTime(.mov),RealVideo(.rm),Flash(.swf.flv),Ogg(.ogg),WebM(.webm),MPEG-4
or MP4(.mp4)
Only MP4, WebM, and Ogg video are supported by the HTML5 standard.
Common Audio Formats
MIDI(.mid.midi),RealAudio(.rm.ram),WMA(.wma),AAC(.aac),WAV(.wav),Ogg(.ogg),MP3(.mp3),MP4(.mp4)
Only MP3, WAV, and Ogg audio are supported by the HTML5 standard
| Multimedia Name |
Code |
| The HTML video Element |
<video width="320" height="240" controls >
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
</video>
|
| HTML video Autoplay |
<video width="320" height="240" autoplay >
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
</video>
|
| The HTML audio Element |
<audio controls >
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
</audio>
|
| The object element |
The object tag can be used to include swf/html/image file
<object width="400" height="50" data="bookmark.swf" >
</object>
|
| pdf in HTML5 with object |
<object data="test.pdf" type="application/pdf" width="600" height="400" >
</object>
|
| pdf in HTML5 with embed |
The embed tag in HTML5 with pdf/html file
<embed src="test.pdf" width="600" height="500" alt="pdf" pluginspage="http://www.adobe.com/products/acrobat/readstep2.html" >
</embed>
|
| YouTube Video Autoplay |
Value 0 (default): The video will not play automatically when the player loads.
Value 1: The video will play automatically when the player loads.
<iframe width="420" height="315" src="https://www.youtube.com/embed/XGSy3_Czz8k?autoplay=0" >
</iframe>
|
| YouTube Loop |
Value 0 (default): The video will play only once.
Value 1: The video will loop (forever).
<iframe width="420" height="315" src="https://www.youtube.com/embed/XGSy3_Czz8k?playlist=XGSy3_Czz8k&loop=1" >
</iframe>
|
| YouTube Controls |
Value 0: Player controls does not display
Value 1 (default): Player controls display.
<iframe width="420" height="315" src="https://www.youtube.com/embed/XGSy3_Czz8k?controls=1" >
</iframe>
|
