Using the Media Player module you can play your Google Drive Audio and Video media files inside your WordPress website.
Step-1: Choose Media Player Module
To create a Media Player Module, click on the Shortcode Builder menu from the admin dashboard menu. Create a new Shortcode > select the Media Player module from the Types tab.
Rename the shortcode title from the top left side of the WordPress dashboard depending on your project type.
Step-2: Configure Source Tab
Now you will be redirected to the Source tab. Here you need to select your media files from your linked Google Drive. Select your media files 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.
Discovered a couple of new settings options named All Folders & Files and Use Private Files. Let’s introduce you to them.
- All Folders & Files: If All Folders & Files is enabled, visitors can navigate through all the media files, of your all linked Google Drive accounts.
- Use Private Files: On the other hand, if Use Private Files is turned on, display the private files and folders linked to the user. Click Next.
Step-3: Configure Filter Tab
Now you are in the Filter Tab. Where you can customize each and every media file that you want to display or hide.
- Allowed Extensions: Enter comma (,) separated file extensions to allow, such as “jpg, png, gif”. Leave empty to show all extension files. When “Allow all” is enabled, exceptions will not be displayed.
- Allowed Names: Enter file and folder names, separated by commas, to display. Leave blank to display all files and folders. When “Allow all” is enabled, exceptions will not be displayed.
- Maximum File Numbers: Enter the maximum number of how many files you want to show. Leave empty to show all files. Click Next.
Step-4: Configure Advanced Tab
From the next Advanced Options, You can customize your media player and files depending on what’s going on in your mind.
- Module Container: Set the module container width and height. You can use any valid CSS unit (pixels, percentage), eg ‘360px’, ‘780px’, ‘80%’. Keep blank for a default value.
- Allow Embed Player: Enable embed player for large video files using Google Drive native player.
- Show Next & Previous: Show/ hide the next/previous buttons in the player.
- Show Rewind & Forward: Show/hide the rewind & forward buttons in the player. Allows users to quickly skip backward or forward in the video.
- Show Playlist: Show/hide the playlist in the player.
- Opened Playlist: This should be the playlist opened by default.
- Playlist Autoplay: Start playing the next item automatically in the playlist once the current item is ended.
- Show Thumbnail: Show/hide the thumbnail in the playlist.
- Show Number Prefix: Show/hide the numeric prefix in the playlist items.
- Playlist Position: Select the playlist position in the player (Left, Right, or Bottom)
- Sorting: Select file sorting and direction. Now click Next.
Note: If your file size is greater than 100 MB, it will play as an embed. Otherwise, files will play as it is.
Step-5: Configuring Notifications Tab
Now you will be redirected to the Notifications tab where you will customize notification settings configuration.
- Enable Notifications: Enable email notifications to get notified on various user activities (upload, download, delete, etc).
- Download Notification: Receive an email notification whenever files are downloaded through this module.
- Media Play Notification: Receive email notifications whenever someone plays audio/video files through this module.
- Search Notification: Receive email notifications whenever someone searches for media files through this module.
- Notification Recipients: Enter the email address where the notifications will be sent. Add multiple email addresses by separating them with a comma (,). You can also set the below placeholder tags as the email recipient. Ex: %admin_email%, %user_email%, %linked_user_email%
- Skip Current User Notification: Enable to skip the notification for the user that executes the action.
Step-6: Configuring Permissions Tab
Now you will be redirected to the Permissions tab. Here you will mostly work on permission-related tasks for your Media Player.
- Download: Allow users to download files.
- Filter Users & Roles: Select users & roles who can download files.
- Allow Search: Allow users to search for files.
- Full-text Search: Allows searching in file content, descriptions, tags, and other metadata.
- Initial Search Term: Set initial search terms if you want to start a search when the shortcode is rendered. Please note that this only affects the initial render. You can also set dynamic placeholder tags to the initial search term. Ex: %post_id%, %post_title%, %post_slug%
- Filter Users & Roles: Select users & roles who can search for files.
- Display for: Using this option you can allow permission of your media 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 your Google Drive media files inside a responsive media player with the help of the Media Player module, inside any posts or pages.
Output
This is how the media player will look like once you embed it inside any of your pages or posts.
