Embedding Streaming Video From Rackspace Cloud Files in WordPress

Abhishek Ghosh · August 23, 2012

Embedding Streaming Video From Rackspace Cloud Files in WordPress needs few copy paste and click works to properly show on your webpage without any plugin. Most of us do not need to insert videos on every articles, so embedding Streaming Video From Rackspace Cloud Files in WordPress without using any plugin is reasonable.

Needs for Embedding Streaming Video From Rackspace Cloud Files in WordPress

For embedding Streaming Video From Rackspace Cloud Files in WordPress, you need :

A good stable software that is capable to handle Akamai’s CDN’s Embedding Streaming Video feature
A good software to upload these files of the software, we will use Cyberduck
A good quality video in swf format

Some Must Read Articles on Embedding Streaming Video :

Using https URL of Rackspace Cloud Files for WordPress – To get the rough idea for usage of Cybeduck
Steaming Video – Article to increase your knowledge base !

Steps for Embedding Streaming Video From Rackspace Cloud Files in WordPress

We will use FlowPlayer as suggested by Rackspace Officially. Download these two files :

http://releases.flowplayer.org/swf/flowplayer-3.2.14.swf
http://flowplayer.org/demos/standalone/plugins/flash/config-embed.js

1 2	http://releases.flowplayer.org/swf/flowplayer-3.2.14.swf http://flowplayer.org/demos/standalone/plugins/flash/config-embed.js

Save on your hard disk and now open Cyberduck software to open your containers. We will suggest to upload the three files (two are the above and third is the video itself) in different containers.

---

Embedding Streaming Video From Rackspace Cloud Files in WordPress

For the .js and .swf player files, we used the normal http url. Simply right click and hover on the Copy menu inside Cyberduck will give you the options.

For the third file, that is the video with .swf extension, if you can upload from Cyberduck just because it is big, use the Rackspace Cloud Files upload tool inside your Rackspace Cloud Account.

For this video file, we will copy the Streaming Video URL by right clicking and hovering on the Copy menu inside Cyberduck.

So we basically got three URLs.

The needed code for embedding Streaming Video From Rackspace Cloud Files in WordPress or any HTML page theoretically will be :

<object name="player" id="_fp_random-number"/>
<width="Real Width of Your Video" height="Real Height of Your Video"
<data="URL of the swf Player"
type="application/x-shockwave-flash">
<param value="true" name="allowfullscreen" />
<param value="always" name="allowscriptaccess" />
<param value="high" name="quality" />
<param value="transparent" name="wmode" />
<param name="movie" value="URL of the swf Video" />
<param value="config=URL of the  javascript"
name="flashvars" />
</object>

1

2

3

4

5

6

7

8

9

10

11

12

<width="Real Width of Your Video" height="Real Height of Your Video"

<data="URL of the swf Player"

type="application/x-shockwave-flash">

<param value="config=URL of the javascript"

name="flashvars" />

</object>

But we use scripted method for faster loading :

Demo with flv :

Note : We have no copyright over the video embeded in this webpage. It has been used as an example for Embedding Streaming Video From Rackspace Cloud Files in WordPress and is Copyright protected material of Raymond Limited, one of the most successful Indian Brand.

About Abhishek Ghosh

Here’s what we’ve got for you which might like :

Take The Conversation Further ...

Needs for Embedding Streaming Video From Rackspace Cloud Files in WordPress

Steps for Embedding Streaming Video From Rackspace Cloud Files in WordPress

This Article Has Been Shared 3124 Times!

About Abhishek Ghosh

Here’s what we’ve got for you which might like :

Articles Related to Embedding Streaming Video From Rackspace Cloud Files in WordPress

Take The Conversation Further ...