WEB Design using HTML 5

Topics Covered

audio, video, autoplay, controls, preload,poster, width, height, src, source, type, muted,loop

Exercise


Exercise Solution


Download: audio_exercise_1-_soultion.html


Download: video_exercise_1-_soultion.html


Download: movie.mp4


home
home_SUipIum.jpghome

home


beep_vPtz5Bo.mp3


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
audio1.jpgAudio Element Attributes

Audio Element Attributes


Video

video element support formats are .mp4, .ogg, and .webm

video attributes are

Video Attributes
video1.jpgVideo Attributes

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>



beep.mp3


Return to top