How can I add a movie to one of my posts?

Chapter 1: Storing Flash files and other content on your server

Introduction

Chapter 2: WMV
Chapter 3: QuickTime
Chapter 4: FLV
Chapter 5: SWF
Chapter 6: REAL
Chapter 7: Flash video player

Chapter 1: Storing Flash files and other content on your server

1. Create a new folder on your computer
2. Name this new folder something like ‘files’ or ‘movies’ or whatever
3. Copy your .flv or any other file to that folder
4. Upload the folder to your server using your FTP application
5. yourbaseurl.com/nameofthefolder/nameofthefile.extension is the address at which the file will be stored on the web
Example: http://yourbaseurl.com/movies/nameofthefile.flv

You will need to replace “sample.whatever” in the codes that follow with that URL.

Introduction

In general you only have to change the values described in this introduction and only if you want to. The other parameters don’t need to be changed and you don’t have to care about them.

Where I wrote sample.wmv or any other “sample.” you need to replace it with the full url of the movie you found following Chapter 1 or you know what the url is. It will look something like that:
http://yourdomain.com/folder/sample.wmv

Change the sizes width and height parameters (number of pixels). Read the note about that at the end of the page.

For other options value true or 1 means that you agree with the action it is set for (it is enabled)
Value false or 0 means that you do not agree with the action it is set for (it is disabled)

The following codes were collected all over the internet. I hope they work.

Chapter 2: WMV

Chapter 3: QuickTime

The following code is written for a 320×240 px movie. As you will notice the height is set to 256 and not 240px. That’s because the movie controls take 16px in height and those must be added to the height for the controls to work properly.

You can disable the movie controls by changing the parameters Controller=”true” to Controller=”false”.

Chapter 4: FLV

That uses the player of http://flv-player.net/

Chapter 5: SWF

Chapter 6: REAL

Chapter 7: Flash video player

The codes posted in Chapter 5 simply integrate the video into the website but without displaying a player with start/stop, pause, volume and time functionalities. If you want to have these features you need to use a flash video player.

1. Go to this website to download the player and you will get a folder called “mediaplayer”.
2. In the folder you find a file called “preview.jpg”. Replace that image with a preview image for your movie. Replace the “video.flv” file with your own video. If you need to convert your video to .flv you can use Crunch (freeware). Otherwise you can also use H.264 .mp4 files.

If you have multiple videos you want to post on your site add them all to that folder. To make it easier for you to embed them into your site rename the files to

preview1.jpg, video1.flv for the first video
preview2.jpg, video2.flv for the second video
…

3. Upload the entire folder to the root of your server (what the root is, is explained in the Basic web knowledge base FAQ on my website)
4. On the page where you want to embed the video add the following code:

If you have multiple videos where it says video.flv change it to video1.flv, video2.flv, …
If you have multiple videos where it says preview.jpg change it to preview1.jpg, preview2.jpg, …
to fit your case.

Change width and height parameters to fit your video. Example of the player:

Visit the following sites for further informations:

http://www.exploittheweb.co.uk/objects.html (*****Best)

http://www.danfergusdesign.com/classfiles/VCA225-digiProduction/exercises/ex-videoEmbed.html

http://www.alistapart.com/articles/byebyeembed

http://developer.apple.com/quicktime/compatibility.html

Note 1: If you experience the following problem:

“The shape of the picture is not quite right – the player seems to squeeze the picture slightly even though I know I have the correct pixel ratio set up”.

You should try to play around a bit with pixels… Maybe different things handle pixel slightly differently… Maybe you have to include the pixels used by the movie control bar…

“I have done that. For my 400×225 16:9 movie, I needed to add 18 pixels to the height parameter and it worked. This is solved, thanks”