Are you struggling with how to embed video from google drive in your blog post? Or do you simply not know where to start?
A video is the easiest way to create an emotional response in someone reading your blog post. First, they can capture a person’s attention in an instant. But they can also be used to educate, entertain, and inspire.
Google introduced a simple embedding option that lets people watch your video from Google Drive directly within your article or blog post. So, if you’re one of those users who like to store videos on Google Drive, it may be useful for you to start with.
In this article, I will show you how to embed a google drive video on the HTML web page or CMS like WordPress or website builders like Squarespace.
Can You Embed Videos From Google Drive?
The short answer to the question is yes.
Embedding videos from google drive is a very convenient way of sharing videos with others without having to save them anywhere else. You can upload videos from your computer to your Google Drive, then share the link to your video so anyone who wants to view it can simply click on it.
You can embed videos that you’ve stored on Google Drive onto your website. The videos you store on Google Drive can be viewed online or downloaded on mobile devices.
Embed Video From Google Drive
The steps regarding how to embed a video from Google Drive are given below:
Step 1: Go to drive.google.com in your browser and sign in.
Step 2: To upload a file, either drag it into the window or select “New > File Upload.”
Step 3: The upload of the file will start. The processing of videos for in-browser viewing can take some time. Sometimes watching longer videos can take several minutes.
Step 4: Click twice to launch the new video. You will see the video playing if it has been processed; if not, just wait a little bit longer.
Step 5: Click on the three dots and choose the Share option. Now, reset the sharing option to “Anyone with the link” from “General Access.”
Step 6: Select “Open in new window” by clicking the three dots icon again. This is a crucial step that is simple to miss but will provide us with another choice.
Step 7: Choose “Embed item” from the three-dot menu by clicking the icon in the new window.
Step 8: Copy the HTML embed code and put it on the website of your choice.
How to Embed Video from Google Drive on WordPress
WordPress is a popular CMS where bloggers create their websites and manage their content. The following guide will teach you how to embed videos on your WordPress website if you’re a WordPress user.
There are 2 ways in which you can embed videos from Google Drive to WordPress.
- With iFrame
- Without iFrame
Method 1: With iFrame
To embed Google Drive video in WordPress with iFrame, follow these steps:
Step 1: Go to Google Drive on your browser and open the video you want to embed on your WordPress website.
Step 2: Click on three dots and select “Open in new window.”
Step 3: Again, click on three dots, and this time, choose “Embed item.”
Step 4: Copy the iFrame HTML code and go to WordPress post.
Step 5: Now, paste the code into the Custom HTML section of your WordPress page or post (under the Formatting category).
Method 2: Without iFrame
You can even directly embed google drive video without iframe, which many users prefer.
Step 1: Open the HTML code by the same method as I did by following the above method.
Step 2: Next, copy the preview link and add this particular code as shown below.
<object width="420" height="315" data="Put the Preview link of video">
Tip: You can easily set the width and height of the video by changing the number.
Step 3: Paste the code into the text editor and save the post.
Frequently Asked Questions
Can I embed a Google Drive video?
Copy the link that appears between the quote marks in the embed script after opening the Google Drive file in a new window, selecting “More actions,” and selecting “Embed item.” The file must first be uploaded to a cloud storage service to be played with Google Drive.
How to include a video in HTML?
Embed a video on your HTML page with the iFrame element. The source attribute included a video URL. Set the video’s dimensions to match the video player’s dimensions. The URL of the video includes a link to the video’s embed code.
Is embedding possible without using an iFrame?
It is generally agreed upon that IFRAME is the most widely used tag at the moment, whilst EMBED is thought to be in favor. Although all three tags are capable of dealing with video, the VIDEO tag is the one that was designed expressly for the purpose at hand. Thus, it is the one that should be used here. You may learn more about the use of video on websites by reading this article.
What is the Embed Tag in HTML?
When working in HTML, you can get similar results using the embed Tag rather than iFrame. We can embed several types of media, including PDF files, images, audio, video, and websites. The tag denotes a container into which we can incorporate any content of our choosing. Also, a tag that automatically closes itself is called an embed tag. We can define the URL of the web page that will be embedded by making use of the SRC property.
So, that was all about how to embed a video from Google Drive in this article. If you wish to embed Google Drive video into a website, HTML, or word press, all the techniques have been described. I hope that you can successfully embed any video on any platform without facing any confusion.