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 :
|
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.
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 :
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<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> |
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.
Hi
Thanks for the post!
May I know what does this mean?
Obviously, download the JQuery, js and upload in Rackspace Cloud Files to replace them and replace fullurl.flv to full path of your video. We are loading using the second method
And I have the flow player files in my rackspace account
it doesnt seem to work when i embed the code in WP, using my .flv video file in cloud files in Rackspace
am I missing something?
Any help is appreciated
thanks alot
Definitely you should ask and and know !
Perform an easy cheat to understand the thing, how ours is working :
1. Open this webpage’s HTML source on any browser and search for the line – “Obviously, download the JQuery, js and upload in Rackspace Cloud Files to replace them and replace” (without the quotation marks).
2. You will see that,
starts just after it and ends just before the word “Note:”.
3. Copy the whole code and Paste it on your WordPress test Post or Page writing pane in HTML mode. Save it and preview. It will work.
4. It is obvious that you will change the CDN urls with yours one for the real.
5. Do not switch form HTML mode to Visual after publishing.
If does not work, do not hesitate to tell us.
Your comment is awaiting moderation.
Ok,
I was trying to search and look for a solution for days now
didnt expect a replay thanks a lot, so please let me tell you
Now I have cloud files in rackspace with my .flv videos
I have a wordpress membership site
i have added flowplayer plug in
rackspace gives three types of video links, http, htpps, and streaming
I tested the last two, it worked
now my question is will it work in iOS?
If I want to add the plugin flow player has;
and the security one:
where will i add them?
in my wp server? (blue host) or where?
and my steps r correct now?
THANKS A LOT!
People do not answer, because they do not know the answer.
The first thing is, the whole things are actually for Rackspace users (using server plus other services). This guide should work on any server Rackspace Cloud Files / Akamai CDN.
Second is, iOS will definitely work. Use the HTTP url for normal usage as it will load faster than HTTPS, unless you have a website with HTTPS on. Streaming is optimized for streaming media, but HTTP will work too.
Your steps are correct, but probably you (may be others too), needs more detailed guide. Please wait for 12-16 hours for a more detailed guide with video (I will try for the video part, if not only screen shot version for now.).
Thanks a lot
I tested the .flv in my iphone it didnt work. Maybe u r refering to .mp4 file in rackspace?
what about the plug ins for flowplaer plz, any idea where shall I download them?
THANKS for ir help and cooperation. Appreciated.
You can read this updated latest post – http://thecustomizewindows.com/2012/11/rackspace-cloud-files-and-flowplayer-better-guide/
iPhone / iOS wont work without change in the coding (see that post).
Other points are mentioned there.