Exercise 1: Audio and Video Tags

Start with this simple HTML5 webpage, save it as multimedia.html

<!DOCTYPE html>
<html>   
 <head>
  <meta charset="utf-8">
  <title>Multimedia Madness</title>
 </head>
 <body>
  Moving pictures and talking webpages, oh my!
 </body>
</html>

Go to this site and find an Ogg audio file. Download it to the folder where you saved the file.
Use the audio tag to embed the file on your page. Make sure it plays.
Use attributes on the audio tag to make the file autoplay and loop forever.
Take them off when you realize how annoying it is. :-)
Go to Wikimedia commons and find an Ogg video file. Download it to the folder where you saved the file.
Use the video tag to embed the file on your page. Make sure it plays.
Make the video 600 pixels wide and remove the controls, using attributes of the tag.
If you still have time, look up the video and audio tag on the Mozilla Developer Network, read up on what attributes they have, and try adding other attributes to see what happens.