Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Python-15/html5-media

Folders and files

NameName
Last commit message
Last commit date

Latest commit

History

5 Commits

Repository files navigation

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!..

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 100.0%

AltStyle によって変換されたページ (->オリジナル) /