WEB Design using HTML 5
Topics Covered
audio, video, autoplay, controls, preload,poster, width, height, src, source, type, muted,loop
Exercise
Exercise Solution
home
video Tutorial
Video
https://www.youtube.com/edit?o=U&video_id=nmLNg9HtPsU
Loop
https://www.youtube.com/edit?o=U&video_id=W5feA1uagu8
Autoplay
https://www.youtube.com/edit?o=U&video_id=Wcn7RWdrRbI
Audio
https://www.youtube.com/edit?o=U&video_id=1ZfHTislOEM
Resource
Audio
Audio
file support formats are - .mp3,
.ogg, .wav
Use <audio> </audio> tag insert audios such as music. It will ignore the text suppose any text is inserted in between audio tag.
Audio Element Attributes
Video
video element support formats are .mp4, .ogg, and .webm
video attributes are
Video Attributes
Sample Codes:
video width="320" height="240" poster="home.jpg" muted autoplay loop controls preload=auto/none/metadata>
<source src="movie.mp4" type="video/mp4">
</video>