Thursday, April 18, 2013

Embed and Stream Videos from Dropbox to your Website

This video is hosted in my Public folder on Dropbox.  Right click on video stored in your Public Dropbox folder to get the Public link.  Use the html code found below as a template to embed and stream your videos from your Dropbox account. 

<video width="640" height="480" controls="controls">
<source src="dropboxvideo.mp4" type="video/mp4" />
</video>


The text in quotes "dropboxvideo.mp4" must be changed to Public link copied from your Public folder.  Change the video width and height number in between the quotes to fit the embedded video into your website or blog post.  The html embed code for the video streaming from my Public Dropbox account can be found under the video.


<video controls="controls" height="480" width="640">
<source src="https://dl.dropboxusercontent.com/u/87532981/Ella%20May%20and%20the%20Wishing%20Stone%20By%20Cary%20Fagan.mp4" type="video/mp4"></source>
</video>

7 comments:

  1. Thank you for the heads up on the file needing to be in the Public folder. I was banging my head against the wall because it wouldn't work from my shared links.

    ReplyDelete
  2. I'm very glad that this has helped you out. Thank you for commenting.

    ReplyDelete
  3. This is such a big help for me, thanks for sharing.

    ReplyDelete
  4. I'm glad to help. Thanks for the comment.

    ReplyDelete
  5. I recently came across your blog and have been reading along.I'm impressed. You're truly well informed and very intelligent. You wrote something that people could understand and made the subject intriguing for everyone. I'm saving this for future use.

    ReplyDelete