Skip to content

Latest commit

 

History

History
31 lines (27 loc) · 1.41 KB

README.md

File metadata and controls

31 lines (27 loc) · 1.41 KB

HTML5 Media

The purpose of this repository is to help you practice using <audio> and <video> elements.

Before you begin

Observe the files in this repo:

  • README.md is the file you're reading. You should be reading it on GitHub.
  • birds.mp3 is the audio file you will be using.
  • hans-rosling.jpg is the image you will be using as the poster for the video.
  • index.html is where you will be doing your coding.
  • result.png is the result you should be aiming for with index.html.
  • stats.mp4 is the video file you will be using.

Directions

  • Fork and clone this repo.
  • Add the proper <audio> element to index.html.
    • The audio should be birds.mp3.
    • There should be controls.
    • If the user's browser does not support HTML5 audio, that message should display
  • Add the proper <video> element to index.html.
    • The video should be stats.mp4.
    • There should be controls.
    • The poster should be hans-rosling.jpg.
    • If the user's browser does not support HTML5 video, that message should display
  • When you are finished, the preview should look like result.png.
  • Beautify your code so that you can easily see which elements are inside of others (very helpful for debugging divs).
    • NOTE: the cloud9 keyboard shortcut is ⌘+shift+B
  • After you push your changes, set gh-pages to use the master branch and use the URL to check that it worked!

Good luck!