Skip to main content

Search here to get answers to you questions.

How to Play Google Drive Video/ Audio/ Image Directly On Website Without Embedding?

Are you tired of displaying Google Drive videos, audio, and images on your website? Only to find that they’re not working correctly? Well, worry no more! With the Integrate Google Drive plugin, you can now insert your media files directly onto your web page without any embedding hassle. So, let’s get started and understand the method step by step!

Step-1: Install & Activate Integrate Google Drive Plugin

To insert Google Drive video, audio, or image directly on your website without embedding, you should have installed & activated Integrate Google Drive plugin. Head over to Plugins > Add New > and type Integrate Google Drive keyword in the search bar.

 

adding-plugin

 

Step-2: Create Embed Document Module

To create an Embed Document Module, click on the Shortcode Builder menu from the admin dashboard menu. Create a New Shortcode > Select the Embed Document Module from the Types tab.

Rename the shortcode title from the top left side of the WordPress dashboard depending on your project type. Click Next.

 

 

Step-3: Configure the Sources Tab

Now you will be redirected to the Sources (Files & Folders) tab. Here you need to select your files & folders from your linked Google Drive. Select your files & folders by pressing the plus sign.

You will discover your selected files, in the selected files list section of your screen. You can drag them up or down to change their orders.

You might notice a new settings option named Use Private Folders. Let’s introduce you to it.

  • Use Private Files: If Use Private Folders is turned on, private files and folders will be linked to the user. Click Next.

 

 

Step-4: Configure Advanced Tab

From the Advanced Tab, You can customize settings with some advanced features depending on what you are expecting.

Embed Iframe Width, Embed Iframe Height, Embed Type, and Allow Pop-out options won’t be useful while you are displaying media files directly on your website rather than Embedding.

  • Show File Name: While the setting is enabled file name will be visible at the top of the file, otherwise won’t be.
  • Direct Media Display: Easily display media files (images, videos, and others) directly without embedding them into an iframe when this setting is enabled. Click Next.

 

 

Step-5: Configure the Permissions Tab

Now you will be taken to the Permissions tab. Here you will mostly work on permission-related tasks for your Embed Documents module.

  • Display for: Using this option you can allow permission of your files to everyone and logged-in users. You can also filter manually by user roles or any specific users.
  • Show Access Denied Message: Show a message to users who don’t have access to the module. You can enter a message you want to show to users who don’t have access to the module.

 

 

Click Save Changes and Copy the Shortcode from the Shortcode builder page.

Now you can use the shortcode to display Google Drive files from your WordPress Website, any posts, or pages without embedding them.

Video Tutorial