Method # 1 - use anchor tag to 'link' to some media

Click this to listen to one of my favorite quotations ever... This will open up as a blank window taking the user out of your page, forcing them to use the back button to return to your main content. This is essentially a target="self" attribute of the a tag

This is a similar method with one exception. This will open up as a blank window leaving the old window to your website open! Use the target="_blank" attribute.

Method # 2 - use the HTML 5 embed tag

To embed a media file directly into your website so the user is not directed away from your main content, the embed tag has attributes: height, width, controller("true" displays playback control/"false" hides control from the user), and autoplay("true" plays media automatically on page load, "false" pauses the player until the user hits the play button

Loop (true/false) and playcount (number) are two more attributes to mess with.

If the XHTML validator brings up errors due only specifically to the embed tag, I will not count off for that. Note that this will be the only exception to the Validation process.

The same principle holds true for Video

This is a similar method with one exception. This will open up as a blank window leaving the old window to your website open! Use the target="_blank" attribute.

Remember how we linked to an outside youtube page? This can be useful.

To embed a media file directly into your website so the user is not directed away from your main content, the embed tag has attributes: height, width, controller("true" displays playback control/"false" hides control from the user), and autoplay("true" plays media automatically on page load, "false" pauses the player until the user hits the play button

Loop (true/false) and playcount (number) are two more attributes to mess with.

You also can embed a remote video from youtube by clicking and copying the embed code on youtube and pasting into your site - notice the embed tag: