Lesson 12: Media Elements - Video and Audio

 Signed in as:    
      Sign out



Your home page

Creating Websites home

   Introduction to the Web
   Introducing HTML
   Marking up text
   Setting Up
   FTP and FileZilla
   Links and anchors
   Getting some style

Intermediate topics
   Style sheets
   Testing and debugging
   Images and maps
   Audio and video
   Intro to JavaScript
   The DOM and scripting
   Logic and Arrays
   Functions and document.write
   Forms and INPUT
   Other controls
   HTML tables
   Structuring tables
   Scripting w/ tables
   Inline frames
   Loose ends


This video shows how to display audio and video files, and the major attributes. It also introduces the "Can I Use" site.

Note: I strongly suggest you view all our videos in full screen mode: click the icon in the lower right corner of the video area (it shows four arrows pointing to the corners of the screen). When you are done, the Esc ("escape") key returns you to regular mode.


Lesson 12: Video and Audio

Click here for the video transcript


Supplemental materials

    A cumulative summary of the contents of the course so far: Click here


Hands on exercise

For those who want to practice using what we cover in this class, most lessons have an opportunity for you to learn on your PC. The exercise for this lesson is primarily concerned with displaying audio and video files.

In MyWebFiles we have three audio and three video files you can use to test these new elements:

First, create a new file, video.html to allow the user to play the audio file that works on their browser and to, likewise, view the short (6 second) video.

The html_skel file is a good starter.

Once you have that working, add a link from your index.html to video.html.

Test on as many browsers as you can.


 Lesson navigation 



Email us if you would like additional information. We would love to see your comments and recommendations for our site.