forgot login?

How to encode, upload, and embed videos on your web site

Step 1: Encode your videos to H.264 MPEG-4

Your videos must be encoded into H.264 MPEG-4 format and carry the extension .mp4 in order to stream on iOS (iPhone/iPad) and Android devices. You can also upload FLV videos however they will not play on iOS and Android devices since these devices do not support Flash video. If your videos are not already encoded into H.264 MPEG-4, you can encode them using a great open source video encoder called Handbrake.

The instructions below do not apply to videos you want to stream using Adaptive Bitrate Streaming technology. We will soon make available instructions on how to encode your videos for use with Adaptive Bitrate Streaming. Please e-mail us if you need instructions or help with this.

The following are step by step instructions on how to encode your video to H.264 MPEG-4 using our recommended settings. More advanced users may want to tweak encoder settings as desired.


1. Download and install Handbrake for PC or MacOS.

2. Start Handbrake and click on SourceOpen File. Select the video you want to encode.

3. From the Presets menu on the right hand side, select the iPhone & iPod touch preset found under Devices.

4. Click on the Picture tab and adjust the video Width to the size you want it to be on your web site. You can leave it as is to match the source video dimension.

4. Make sure Container is set to MP4 and set the Destination to where you'd like to save the encoded video. The filename extension must be .mp4.

5. Click on the green Start button and wait for the encoding process to finish.

handbrake
Please note: The dimension of your encoded video should be the size that you want it to be on your web page. Reducing the video size on your web page by modifying the video player dimension is a bad idea.
Step 2: Upload your videos

Login to your account and from your Media page click on the Upload button and select the videos you want to upload. Once the videos have finished uploading, close the upload window. Uploaded videos will now get indexed. Please wait as this might take a while.

Once your videos have been indexed the page will refresh itself. You can check to make sure the uploaded videos play fine by clicking on watch video ( embed button ).

upload

Step 3: Place the videos on your web site

Click on the embed code button ( embed button ) for whichever video you want to embed into your web site.

You will be presented with a number of options such as selecting the desired video player, changing the video player dimension, enabling Google Analytics, and a few more options. Select the embed options as to your preference and click Preview to continue.

video embed optoins

On the next page you are shown a preview of the video with the selected embed options.

video preview

If all looks well, click on Generate web site embed code. A small snippet of code will be generated..

video embed code

Copy and paste the generated embed code into your web page HTML source code and save the changes. The video should now show on your web page. If you can not see it, try refreshing the page in your browser.

Using Wordpress or Joomla CMS?

Please follow these instructions when pasting the broadcast embed code:

Wordpress users: Use the Text tab when editing your page and enclose the embed code using <code> and </code> tags..

Joomla v1.5 users: Turn off HTML filtering by following the instructions found here.

Joomla v1.7 users: In the Joomla admin interface, set Article ManagerOptionsText FiltersSuper UsersNo Filter. Make sure that you only set this option for user groups that can be trusted as setting the Filter Type to No Filtering will essentially allow the user to include any html in an article.

Joomla v2.5 users: In the Joomla Global Configuration interface, click on Text Filters tab and for the Super Users group, set Filter Type to No Filtering. Make sure that you only set this option for user groups that can be trusted as setting the Filter Type to No Filtering will essentially allow the user to include any html in an article.

Still having embed issues with Joomla? If the video player still doesn't look right, change the default editor to Editor - None (SiteGlobal ConfigurationSiteDefault editor). Paste the embed code, save, and then switch back to your regular Joomla editor.
Terms of Service|Privacy Policy| Copyright (c) 2013 OnyxServers. All right reserved.

RTMP hosting/streaming|FMS hosting/streaming