How to use DropBox to stream video on my site

by GowebMkt

Posted: 9 years ago 16 replies

PROGRAMMING

Hey Warriors,

Im using an HTML theme that allows me to have a video loop in the background.

I dont want to go thru my server bandwidth and want the video to be on Dropbox.

I created a free dropbox.com account put the video up in a shared folder called 'videos'.

Took the link and placed in my HTML5 video player code:

<video preload="none" width="100%" height="100%" loop>

<source src="https://www.dropbox.com/s/qrj9ocgh2fdpw6a/traffic.mp4?dl=0" type="video/mp4" />

</video>

But its just a black area.....any ideas?

Thanks!

Bret

#dropbox #site #stream #video

emptee 9 years ago

Hey mate,

I'm afraid I don't think it's possible to do this. As far as I know, dropbox doesn't allow hotlinking to files, which is kinda what you need for this to work..

Go for AWS, YT, Wistia or something else instead

Cheers,
Michael
- [ 1 ] Thanks
- 1 reply
Signature

★★★ Supercharge GSA Search Engine Ranker With PA and DA. Rank Like it's 2012 Again ★★★

Is CloudFlare COSTING You Business?
{{ DiscussionBoard.errors[10101589].message }}
- GowebMkt 9 years ago
  
  Hey Michael,
  
  Thanks for the reply and I read thru most of your web site and found this:
  Hiding YouTube WaterMark In Embedded Videos - Pimp My Pay
  
  Great stuff.....thanks so much!
  
  Maybe this will solve my video hosting problem.
  
  Bret
  
  Thanks
  
  1 reply
  
  Signature
  
  Like Us On Facebook! | Get Phone Calls And Sales For Your Business Now!
  
  {{ DiscussionBoard.errors[10101651].message }}
  
  GowebMkt 9 years ago
  
  Hey Michael,
  
  Would you be able to look my code and let me know what to update to use that Youtube code you provided on your blog?
  
  The video is normally seen in the 'black area' on this page: https://www.schraderwebsolutions.com/
  
  Thanks in advance for your help and time on this!!
  
  Ill be glad to 'buy you a cup of coffee' for your trouble. (:
  
  Bret
  
  Thanks
  
  Signature
  
  Like Us On Facebook! | Get Phone Calls And Sales For Your Business Now!
  
  {{ DiscussionBoard.errors[10101670].message }}
emptee 9 years ago

Hey Bret,

No problem at all Glad you found it useful!

I just had a look at your site and it's looking great to me - did you get this figured out? Or am I missing something...?

Coffee? I do this for fun

Cheers,
Michael
- Thanks
- 1 reply
Signature

★★★ Supercharge GSA Search Engine Ranker With PA and DA. Rank Like it's 2012 Again ★★★

Is CloudFlare COSTING You Business?
{{ DiscussionBoard.errors[10102004].message }}
- GowebMkt 9 years ago
  
  I actually decided to host the video on Wistia.
  
  The video / layout seems to work good on Chrome.....but on Firefox the video layout, etc is bad.....can you provide some code to make it look right in FF as well?
  
  Thanks!
  
  Thanks
  
  Signature
  
  Like Us On Facebook! | Get Phone Calls And Sales For Your Business Now!
  
  {{ DiscussionBoard.errors[10103063].message }}
bizzie73 9 years ago

You can take it the extra mile by streaming videos through a video player and making money with video ads. As much as $4 cpm for small player (300x250) and $8 cpm for large player (800x600)...
- Thanks
Signature
Easy Monetization with Video!
{{ DiscussionBoard.errors[10143914].message }}
Member8200 9 years ago

You start with the following HTML5 code as a template:

<video width="320" height="240" controls="controls">
<source src="movie.mp4" type="video/mp4" />
</video>

Now, follow the steps above on getting the link to the video. Then, where you see “movie.mp4,” you’ll want to replace this with that link. For example: https://www.dropbox.com/s/os60r63ogw...video_here.mp4.

Next, you’ll want to adjust your width & height. You’ll want to use dimensions that best fit within your site.

When you’re all done, your embed code should look something like this:

<video width="512" height="288" controls="controls">
<source src="https://www.dropbox.com/s/os60r63ogwfl408/your_video_here.mp4" type="video/mp4" />
</video>
- [ 1 ] Thanks
- 1 reply
{{ DiscussionBoard.errors[10144897].message }}
- GowebMkt 9 years ago
  
  Thanks Member8200!
  
  But when I use the code you provided here:
  https://www.schraderwebsolutions.com...h/vid-test.php
  
  I still see the black area...no video?
  
  So what kind of bandwidth does Drop Box provide for the video playback?
  
  Thanks
  
  Signature
  
  Like Us On Facebook! | Get Phone Calls And Sales For Your Business Now!
  
  {{ DiscussionBoard.errors[10146354].message }}
ErickShawn 9 years ago

Hi there,
You can use WordPress to stream videos on a website through DropBox.
- Thanks
{{ DiscussionBoard.errors[10153484].message }}
Leon William 9 years ago

Try with Youtube
- Thanks
Signature
Small business web design services | Web development company
{{ DiscussionBoard.errors[10157025].message }}
RobertAxelsen 9 years ago

I don't know if this works for your scenario, but here is a great tip to get direct download link to any file you have on dropbox:

1. Choose to share the file
2. In the share link, simply replace www.dropbox.com with dl.dropboxusercontent.com
- Thanks
Signature
Want YOUR OWN website or blog?

Let's Create Your Website Together...
Live event (with free mindmap) shows you how to easily create your own website.
{{ DiscussionBoard.errors[10157057].message }}
CPUTweaker 8 years ago

I know this is an old post but I do have the answer.

To OP in your example

https://www.dropbox.com/s/qrj9ocgh2f...affic.mp4?dl=0

This returns an html page and the user can download aka not something you can stream (resulting in a blankpage).

If you change the end from dl=0 to dl=1 it will then allow you to embed in a player b/c its getting the mp4/download.

https://www.dropbox.com/s/qrj9ocgh2f...affic.mp4?dl=1
- [ 1 ] Thanks
- 1 reply
{{ DiscussionBoard.errors[10630977].message }}
- Memories Unwind 7 years ago
  
  it worked perfectly for me! thank you very much =) I spend all day looking for the answer!
  
  Thanks
  
  {{ DiscussionBoard.errors[11026314].message }}
Jewelctg 8 years ago

You can upload your video on your youtube account and add link to your code from it. It's simple and easy.
- Thanks
{{ DiscussionBoard.errors[10638142].message }}
uitechsol 7 years ago

Hi,
Please see the documentation on dropbox how to user their api to embed content: https://www.dropbox.com/developers/dropins

Hope this will help you.

Thanks
- Thanks
{{ DiscussionBoard.errors[11029167].message }}
ankur88 7 years ago

You can use WordPress to stream videos on a website through Dropbox.

you can also upload video on YouTube and share the embedded link
- Thanks
{{ DiscussionBoard.errors[11029178].message }}

How to use DropBox to stream video on my site

Trending Topics

A healthy fascination for Hollywood...

How did you turn it all around?

Any thoughts on golf's latest phenom...Scottie Scheffler??

What's the Best IM-Related Skill to Learn Today That Can Help in the Future?

best high quality crypto traffic.