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 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 Source → Open 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.
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 ( ).
Click on the embed code 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.
On the next page you are shown a preview of the video with the selected embed options.
If all looks well, click on Generate web site embed code. A small snippet of code will be generated..
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 Manager → Options → Text Filters → Super Users → No 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 (Site → Global Configuration → Site → Default editor). Paste the embed code, save, and then switch back to your regular Joomla editor.