Current Assignment(s)

A5: Multimedia
Due: Recommended by Monday, 5.28

"Managing Media"

Topic 06 Overview

01. The id Attribute

Clarity and Structure with ids

02. The Class Attribute

Clarity and Structure with Classes

03. The Div Element

The <div> Element

04. The Span Element

The <span> Element

05. Iframes

The <iframe> Tags

Sites in the <iframe> Element

Maps in the <iframe> Element

Media in the <iframe> Element

06. The Meta Element

The Meta Element

Meta Name Types

07. Escape Characters

Solving Conflicts

Character Codes

Common Escape Characters

08. Media Management

Self-Hosted Media

Third-Party Hosting

Making Hosting Decisions

09. Adding Video to Pages

Self-Hosted Video in HTML5

The <video> Tags

Other Attributes

Formats and Browser Support

Adding the <source> Tag

Multiple Sources

The <video> Element

Third-Party Video Hosting

10. Adding Audio to Pages

Self-Hosted Audio in HTML5

The <audio> Tags

Other Attributes

Formats and Browser Support

Adding the <source> Tag

Multiple Sources

The <audio> Element

Third-Party Audio Hosting

Third-Party Hosting

For the reasons above, it is sometimes preferable and encouraged for you to host your media on sites such as YouTube, Vimeo, SoundCloud, or Bandcamp.

IMPORTANT: The advantage of using a hosted media provider is that you can upload a high-quality version of your media and these sites will handle compatibility, encoding, and the other details necessary for the media to play on a variety of browsers.