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 Audio Hosting

To embed third-party hosting, use their provided embed code, which often utilizes the <iframe> element.

The following is an example for SoundCloud:

How to get SoundCloud audio embed codes

NOTE: Some services will limit the number of ‘plays’ that you can have for a certain period of time on the “free-tiers”.