How to embed Dropbox Images or Videos on any website?

How to embed Dropbox Images or Videos on any website?

Dropbox is a great online storage service, which millions of peoples daily use. It was founded in 2007 by Drew Houston. It is the first online storage company that came with the drop-and-upload concept. That’s why it is called Dropbox. We daily use it for a lot of different purposes, like for storing important files, sharing files to other peoples and hosting our backup files. There are many peoples who are bloggers or have a website and want to embed dropbox images or videos on any website.

So, just follow this article and you’ll be able to embed dropbox images or videos on any website within a few minutes after reading this article.

Follow all the steps given below to do the work :

How to embed Dropbox Images or Videos on any website?

1. Login or Create your DropBox Account

Go to and sign in with your account. If you don’t have an account create one.

DropBox Homepage - Embed Dropbox images and Videos

2. Upload Images or Videos which you want to embed

Upload the images or videos that you want to embed on your website. In case, it’s already available on your Dropbox account then just skip this step.



3. Copy the Public Shareable Link

Hover over the Images or videos file and then click on the “Share” and then click on Create link and when link created click on “Copy Link” to copy the public link.


DropBox Share Button

DropBox Create Link

DropBox Copy Link - embed Dropbox images or videos

DropBox_File Public URL

4. Embed Dropbox Images and Videos on website

For embedding, the dropbox images or videos on any website with the following code :

(a) Images

You can embed images just by using the code below. Please remember to replace the “Your-Dropbox-Link” with your own Dropbox share link that you just copied in the above link, and add “?raw=1” at the end of the link.

Example: If this is the link of the image hosted on Dropbox :

then make it like this :
and then enter in the code below :

See the Pen
by Abhishek Verma🇮🇳 (@ItsAbhishekVerma)
on CodePen.

Copy the code and replace the current link with your own link.

Read: How to create your own Digital Voice using Artificial Intelligence

(b) Videos

For embedding, dropbox videos follow the same procedure but the code for embedding video is different. So, let’s have a look at it.

See the Pen
Embed Dropbox Videos
by Abhishek Verma🇮🇳 (@ItsAbhishekVerma)
on CodePen.


Embedding Dropbox images or videos is a great idea if you want to embed some important images or videos on your website. But never depend on Dropbox for creating a streaming website and hosting a lot of videos on Dropbox, because Dropbox has some Bandwidth limitations. Also, doing so can get your account suspended. So, be careful.

Thanks for reading this article, do share with your friends and followers on Social Media and help them embed dropbox images or videos to their websites. 🙂

Leave a Comment

Your email address will not be published. Required fields are marked *

Adblocker detected! Please consider reading this notice.

We've detected that you are using AdBlock Plus or some other adblocking software which is preventing the page from fully loading.

We don't have any banner, Flash, animation, obnoxious sound, or popup ad. We do not implement these annoying types of ads!

We need money to operate the site, and almost all of it comes from our online advertising.

Please add to your ad blocking whitelist or disable your adblocking software.