Embed Quicktime Movie

Embedding a Quicktime movie player into your webpage work similarly to embedding Flash files, making use of the OBJECT, EMBED and PARAM tags inside your HTML code. You can play .MOV, .MP4 and .MPEG files with the embedded Quicktime movie player.

As you might know (or have noticed), the Internet Explorer 7 rendering engine “blocks” these OBJECT tags and require a user to first activate the object by clicking on it. There is a workaround though and it requires some Javascript code which I’ll discuss in this post. So I’ll start off by showing you the Javascript function which will write the necessary HTML to the page.

function embed_quicktime(filename) {
	if (filename != "") {

The code above is a simple Javascript function which will take a filename or full file URL as its first and only parameter. The parameter will be used as the value of the SRC attribute inside both the first PARAM tag and then of course the EMBED tag as well.

You’ll need to execute this Javascript function from within your HTML page where you need to have the Quicktime movie player embedded with the specified file. See the HTML example below.

In the HEAD section, you will notice a SCRIPT tag which references an external Javascript file. This is the file containing the embed_quicktime() function I just showed you to previously.

And that’s all there is to it! You will now be able to easily and seamlessly insert Quicktime movies into your web pages using the Quicktime player and allow your visitors to watch .MP4, .MOV and .MPEG files on your website.