Future Beacon



Place Video Clips on Your Website



Olga Goija playing on a viola Handel's "Sonata VI for Violin and Piano"


      1. Even if you don't use Firefox, it is worth having it as an option for its use as a file converter. Open the web browser Firefox and Navigate to http://firefogg.org. . When you click on "Install FireFogg" the Firefox browser acquires the ability to convert video files to any of several formats that you may select.

-- To get the .ogv format --

      2. While at http://firefogg.org, click "Make web video."

      3. Click the "Select new file" button and pick the video you wish to transcode.

      4. Click the "Preset" title row. It will expand.

      5. Click the "Custom settings" drop-down list, select "Ogg web video" from the list.

      6. Click the "Basic quality and resolution control" title row. It will expand.

      7. Adjust the Width and Height of the output video to the desired settings, this may not need to be adjusted if the input video is already at the desired size.

      8. Click the "Encode to file" button.

      9. Wait until the video has been transcoded.

      10. Upload the video to your hosting provider.

-- To get .webm format --

      11. Click the "Select new file" button and pick the video you wish to transcode.

      12. Click the "Preset" title row. It will expand.

      13. Click the "Custom settings" drop-down list, select "Webm web video" from the list.

      14. Click the "Basic quality and resolution control" title row. It will expand.

      15. Adjust the Width and Height of the output video to the desired settings, this may not need to be adjusted if the input video is already at the desired size.

      16. Click the "Encode to file" button.

      17. Wait until the video has been transcoded.

      18. Upload the video to your hosting provider.

-- To place the video on a web-page --

      19. View the source code of this page and copy the video code to your html page.

      20. The name of the video clip on this page is "viola" so replace all instances of "viola" with the name of your of the video you wish to display. Take care to preserve the extension ".mp4", ".ogv" and ".webm" and only replace the "viola" portion of those strings.

      21. If you have a poster image (an image shown while the video is loading) replace the __POSTER__.jpg string with the name of your image. You may change the .jpg to a .png if you desire.

      22. Find the .htaccess file in your hosting service and add these lines to it if they are not there:

AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm
SetEnvIfNoCase Request_URI \.(og[gv]|mp4|m4v|webm)$ no-gzip dont-vary

--------------------------------------------

      The forgoing method is but one of many. It does not work in every setting. If you cannot view the video file, the following method will provide a general solution for viewing videos that you download and play offline (you can do this while keeping you browser open).

      Begin by downloading a video player from the VideoLan Organization. This organization is not for profit and promotes free, open-source multimedia solutions. The player is absolutely free and open source.

      If you have a windows computer, click HERE to download the player.

      If you have a Mac, click HERE to download the player and then click on "Download (author site)."