Embed media on a website

Posted 19/02/08 by David Web Permalink

A short guide on ways to embed media on a website, with links to a number of widely used scripts.

There are a wide range of methods and scripts (both free and commercial) for embedding media on the web. This short list contains methods for embedding Flash, video and images using scripts that are search engine friendly, degrade gracefully and can be used in valid html and xhtml documents.


SWFObject (Flash)

Used by a huge amount of websites, this small script uses Javascript snippets to insert Flash content into your normal html website. This means that search engines will spider your normal html content and users that don't have Flash will still see a complete website using your non-Flash alternative content.


Lightbox2 (Image slideshow)

Again this script is everywhere and it is a great example of how scripts can be easily used to enhance the user experience on the web. It uses Javascript and CSS to overlay an image in the browser while fading the background. Images can be grouped which then lets the user cycle round the images.


Embed QuickTime (Video)

Embed QuickTime is a jQuery plugin that helps you embed QuickTime movies to play directly on your webpage, instead of redirecting your video to a separate page or forcing you to embed a video using Flash. It changes regular image links to the embedded QuickTime video when they are clicked. It works with .mov, .mp4 and .m4v files.