Hosting Your Video on Dropbox

Want Website Video? Host it On DropBox

Dropbox is a powerful cloud storage platform offering many ways to share and collaborate with your files. One nice feature is the public folder, it offers you an easy to use option to share videos and embed them on your website. Similar to using Amazon s3 it provides a great way to host videos on your website without having the streaming take away the bandwidth from your site.

In this quick tutorial I will show you a quick way to host your videos on Dropbox and embed them on your WordPress website. This can also adapted to work on any website with some tweaks in the steps to meet your platform.

What you will need

So to make this work very well for WordPress we will be using the following:

  • Dropbox Account
  • JW Player Plugin
  • A Video that you want to embed

It is important to note that you can use other video plugins to accomplish this, or just use LongTail Video wizard to get the player setup. For the sake of this tutorial I sharing a what I think is the easiest way to get your video online quickly by using Dropbox and JW Player plugin for WordPress.

Here is a Sample of a Video Streaming from Dropbox

 Here is the Tutorial

For those of you liking step by step instructions see below.

Step 1: You will need to put the video you want to stream in your Dropbox Public folder. This allows the proper permissions so that the video can be streamed on your website.

Dropbox Public Folder

Step 2: You will now need to browse to your file to Copy Public Link to use for embedding the video on your website with the JW Player plugin.

Dropbox Public Link

Step 3: Now that you have the link you need to embed into your WordPress post with the JW Player plugin.  You can access this by clicking the Add Media button in your WordPress post, then click the External Media option in the Add Media Panel. Now you will see a place to paste the URL for the media you want to stream.

Add External Media

Step 4: Now click the Add Media button and that will bring up the screen to set the parameters for your JW Player display. Customize these setting to your liking and click the Insert JW Player button.

Insert JW Player

Step 5: Save your post and test to make sure it works!

Test Video

That is it, if all went well you should have a video that is posted on your WordPress website and streaming from your Dropbox account. This is a great way to get started hosting your own videos without putting extra pressure on your website bandwidth.

VideoOops, I dropped My Whoop by Allisonclark.me

Social media management for exceptional companies

 

Twitter Cheat Sheet Download

  • wabisabisevilla

    great, simple, working

    • http://damangmedia.com/ Matt Clark – Damang Media

      Happy it worked out for you! 

      • Pierrejeanes

         what about live streaming from webcam/desktop/video capture card?

        • http://damangmedia.com/ Matt Clark – Damang Media

          That would not work, as the file has to be hosted on Dropbox to use it as a file storage system. You can live stream using the JW Player but that is a different topic. 

  • innomen

    I get “Task Queue Failed at step 5: Playlist could not be loaded due to crossdomain policy restrictions”

    http://www.longtailvideo.com/support/forums/jw-player/setup-issues-and-embedding/13344/task-queue-failed-at-step-5-playlist-could-not-be-

    Any ideas?

    • http://damangmedia.com/ Matt Clark – Damang Media

      Hi, are you using the JW Player plugin or using the wizard from Longtail? Also, be sure that your file is in the public folder in your dropbox account. 

      If still having trouble, you can join tomorrows webinar and I will review the steps in Word Wednesday 
      http://damangmedia.com/events-and-webinars/wordpress-weekly-webinar/

      Let me know ~ Matt

      • innomen

         I am using the following…

        JW Player Plugin for WordPress
        Embed a JW Player for Flash and HTML5 into your WordPress articles.

        Version 1.5.7 | By LongTail Video Inc.

        Also ironically I’m getting “error 2035″ when attempting to play your tutorial video. (It works on chrome though, I’m sure it’s a plugin issue on my end.)

        I attempted it with the wizard and the result was the same.

        Your tutorial didn’t cover the use of the wizard at all, nor is it (the wizard) user friendly at all, so I may have made an error there.

        What exactly are the restrictions on the types of video supported? Could this be some sort of playback/codec issue? I notice the drop box on the wizard all say flv and wmv, are those the only formats that will work? If so, that needs to be made abundantly clear.

        • http://damangmedia.com/ Matt Clark – Damang Media

          I have not tested flv or wmv we always use MP4, you might want to try that and see if that makes a difference. 

          What is the URL and I could have a look at it for you.

          • innomen

             Managed to get it to play via flv but my conversion job was awful, I converted it to mp4 which went more smoothly but now it’s just spinning wheel of death, and no load.

            http://underlore.com/TBA/?p=2314

            http://dl.dropbox.com/u/26167386/WestWingKidsFull.mp4

            The file itself is fine as far as I can tell.

            Is it just that jw player is crap?

          • http://damangmedia.com/ Matt Clark – Damang Media

            It looks to me the video is dead. I can not get it to play if I just click the Dropbox link. I would check to make sure it plays first.

          • innomen

            Good timing, I was just overwriting it with different settings within the mp4. I wish jw would just spit out what formats and such it supports.

            I hate the state of video compression technology, in itself a strong argument for real IPL reform.

            I can’t make it work.

  • Philip

    Thank for this great instruction.

    One question: I think my Videos doesn’t stream, it needs a lot of time before a video really starts. Also i can’t see the progress bar with the progress how far the video ist streamed allready. I see only the timescale of the video itself. Do you have any ideas?

    Thank you!

    Regards
    Philip

    • http://damangmedia.com/ Matt Clark – Damang Media

      Hi Philip, send me the link of your video and I will have a look and see what I can find.