How to Embed Google Drive Video to Website

Updated: December 16, 2021

Google Drive is one of the best cloud storage. It is developed by Google, which allows users to store files, synchronize across devices. In which, videos are stored on Google Drive the most, because it is easy to upload and use later. Embed Google Drive Video to WebPage is easy to work for web developers, you don’t need to upload to Youtube and use its feature. You can embed video directly to your website. Following this guide, you can know how to Embed Google Drive to Website.

Why We Should Use Google Drive Video

According to research, we consume more than 90% of our information visually, and visuals move 50,000 times faster than text! In this new digital world, several studies have already emphasized the importance of visual content. Besides that, there are some benefits of Embedding a Google Drive Video to your website:

  • You don’t have to worry about storage.
  • Google Drive Video is base on Youtube player, which is very convenient for user.

How to Embed Video to Webpage

As mentioned above, I said that embedding video from Google Drive is easier than Youtube. So, I will mention 2 ways to help you know what is the difference between them. Read until the ending, and choose which way is easy for you.

Embed Youtube Video to Website

Copy embed code is a Youtube’s feature, which allows you to get stream code, and paste it to your webpage. To use this feature, following these steps.

Go to the video that you want to embed to your webpage. Right-click and choose this option. The copied code is like below. Paste this code to website you want to embed video, and everything will work correctly.

<iframe width="1264" height="480" src="https://www.youtube.com/embed/sD0NjbwqlYw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Go to YouTube Page and Copy Embed Code

Embed Google Drive Video to Webpage

You can copy an HTML code from Google Drive and embed it anywhere on the web, just like you can on Youtube. It is easier than Youtube, because you don’t have to upload, make title, write description, determine if kids mode, etc … Just uploading video to Drive and embed it directly to website. To do this, go to folder contains videos you want to link.

Go to Google Drive folder contains video

Next, double-click to see a preview of the video.

Double-click to see Preview of the Video

In the Menu, choose Open in new window and it will redirect you new Drive site, in that site, go to menu and select Embed item...

Select Embed Item option in Google Drive video

Copy the code, and paste it to the website you want to embed video.

Copy code and paste to website to embed video

You may not know

If you simply copy and paste that code, full screen mode will not be available. But full screen mode can be enabled by adding allowfullscreen to the iframe tag.

Conclusion

In this guide, I introduced you ways to Embed Google Drive Video to Webpage. I hope this tutorial will help you learn new knowledge, and use them to your website. Don’t hesitate to contact me if you are in need.