Embedding Streaming Video From Rackspace Cloud Files in WordPress

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

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 is :

<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>

In case, you want to load flv file, the code would be :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script>
<script src="http://releases.flowplayer.org/js/flowplayer-3.2.11.min.js"></script>
<a id="player" style="width:420px;height:315px;display:block"></a>
<script language="JavaScript">
flashembed("player", "http://releases.flowplayer.org/swf/flowplayer-3.2.14.swf", {
 config: {
 clip: 'fullurl.flv',
 plugins: {
 controls: null
 }
 }
});
</script>

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 :

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.
Signature

Incoming search terms:

streaming cloud files,rackspace video streaming wordpress

0saves

Save

If you enjoyed this post, please consider leaving a comment or subscribing to the RSS feed to have future articles delivered to your feed reader.

Comments

mai says:

November 12, 2012 at 1:56 pm

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

- Abhishek says:
  
  November 12, 2012 at 2:49 pm
  
  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, scripttype=" text/javascript" 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.
  
  - mai says:
    
    November 12, 2012 at 3:38 pm
    
    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;
    
    flash.flowplayer.org/plugins/javascript/ipad.html
    
    and the security one:
    
    flowplayer.org/plugins/streaming/secure.html
    
    where will i add them?
    in my wp server? (blue host) or where?
    
    and my steps r correct now?
    
    THANKS A LOT!
    
    - Abhishek says:
      
      November 12, 2012 at 5:47 pm
      
      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.).
      
      - mai says:
        
        November 13, 2012 at 8:56 am
        
        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.
      - Abhishek says:
        
        November 13, 2012 at 10:51 am
        
        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.

Comments

Trackbacks

Speak Your Mind Cancel reply

Stay updated with The Customize Windows

Recent Articles on on Cloud Computing

Recent Articles on Virtualization

Freshly Pressed

Most Searched Posts

Recently searched

Tag cloud

Helpful Links

Legal Disclaimer

Popular Posts and Categories

The Customize Windows