How to Embed a Google Drive Video on a Website

There are lots of video sites you can upload your videos. After uploading, you can easily embed that video on your post or on a website. For example, YouTube supports “Copy embed code” option when you do the right-click.

The copied code is like below. iframe tag is used to embed a video, and there are other parameters such as allowfullscreen.

<iframe width="766" height="431" src="https://www.youtube.com/embed/hVGVcmW0crs"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope;
picture-in-picture" allowfullscreen></iframe>

As you can see, it is easy to embed videos on your site. Although there are well-known services, you might consider embedding a Google drive video rather than using them. There are several benefits. When you upload your video, most sites consider that as public. It means that you might not be able to specify who you want to show. When you share something from Google drive, you can easily set who can see. It also has a handy permission scope, an organization.

That being said, embedding a Google drive video supports a better permission scope and security. If you consider it, here are the steps. After uploading your video, you first need to share it. You can set specific users or an organization.

Unlike YouTube, finding “Embed code” in Google drive is not straightforward. First of all, you need to click “Preview”.

Then, open the menu by pressing the top-right icon, and click “Open in new window”. That will open a new tab.

When you open the menu again in that tab, you will see the option, “Embed item…“.

Finally, you can copy the embed code and paste it on your site.

Note that full screen mode is not allowed if you just copy and paste that code. You can allow it by adding allowfullscreen in the iframe tag.

<iframe src="https://drive.google.com/file/d/1rLT6EI-example/preview"
width="640" height="480" allowfullscreen></iframe>