This is a post that I wanted to put up as a reference for my cobloggers that occasionally need to embed video and audio clips. However I hope it will also be helpful to anyone else who wants to use video/audio clips on their blog or webpage. I've included html code for several formats, with the result of each embed below the code. The examples are from files already stored in my archives.
Depending on what type of multimedia file you embed, you may need to supply a player (i.e. FLV, and MP3 files embeded with a flash player), in these cases the player normally should be uploaded to the same directory as the files you will be playing. To use these examples, just copy/paste and change the file path and filenames as needed for your files. Please do not link to my files or players. If you do I will know. I'll not be happy, and definitely let you know about it after I trace the hot link.
Note I included the <BR /> tags to show where you would normally start a new line, and your html editor usually inserts them automatically, which means that you can ignore them. The reason I included them is because some of the <embed> tags are quite long and won't work with line breaks, even if you break the line at a space.
Now lets look at some examples.
Embeding Windows MediaPlayer video is probably about the easiest to do, and you don't need to upload your own player. Here is an example for a wmv video, but it will also work for mpg, avi and most formats you can play in MediaPlayer on your computer.
The Coolest Dog In The World
I use Jeroen Wijering's JW FLV Player to embed my FLV videos. Download the jw_flv_player.zip and unzip. You only need to upload the "flvplayer.swf" file to your blog or webpage server. This is a great player and is similar to what YouTube uses.
If you are having problems with these examples embedding FLV video, please visit Jeroen Wijering's Setup wizard. You supply your URLs to your player, and file to be played. The correct code will be generated for you, and you can even test it right there. However he doesn't include the <object> element which I like to include in case they don't have flash installed for their browser.
If you do not want the full screen button on the player to be active, change the allowfullscreen parameter from "true" to "false". It basically the same player that YouTube uses and works about the same (in fact I am using the YouTube 425X350 size instead of the standard 320X280).
Take A Chance On Me
Very seldom will I embed QuickTime, but I include it here to cover all the bases. Besides I'm sure some of you are fond of QuickTime even if I'm not *grin*.
The QuickTime code works and I assume the examples are properly coded. I'm one of those people who don't put QuickTime very high on my list of players, and I only grudgingly have it installed on my computer. Not that I have anything against Apple, the player just doesn't appeal to me. These are examples that I found on the internet, but as I don't embed QuickTime anytime I can help it, I leave them as examples without further comment.
Like Windows Media Player you don't need to upload a player, but the person viewing your blog or website will need QuickTime installed (The pluginspage in the html will direct them to download if not).
Promo: C'était un Rendezvous
**Apple QuickTime audio (mp3) player**
Old Rivers by Walter Brennan
First download the file: audio-player.zip from 1pixelout and unzip it.
There are several files, but you only need to upload "player.swf" and "audio-player.js" to the directory on your server where your MP3 files are played from.
Use the html below to play your MP3 audio file(s) with shockwave-flash.
You Raise Me Up (in Spanish)
Note: for a second player on the same page you have to modify the code for the second player slightly. Change two parameters in the second player:
audioplayer1 --> audioplayer2
playerID=1 --> playerID=2
Tips: In my examples I use the entire URL to avoid confusion, however you can often shorten them, as long as the files referenced are are on the same site. For instance in my Windows Media Player example below instead of using:
src="http://vista.powerblogs.com/files/coolestdogintheworld.wmv"
It works just as well to use:
src="/files/coolestdogintheworld.wmv".
This is because the browser is already on http://vista.powerblogs.com, and will look for the "/files" directory from there. Technically with the complete URL, you can also link to players and/or files that are not on your site if that site isn't restricted, but you had best have permission from the owner of the site that you are hot linking to first.
There are many more parameters available than I am using in these examples, but I'm trying to keep it simple. For more information on the parameters for each type of file you want to embed, google embed plus the extension of the particular file type your looking for.













