Envira Gallery Blog

Digital Photography Tips, Tutorials and Resources

Hide Progress Bar on Videos in WordPress

How to Hide Progress Bar on Videos in WordPress

by Waseem Abbas on Aug 7, 2017

Do you want to disable the progress bar on videos of your site? Most embedded videos always display a progress bar which can sometimes annoy your site visitors while playing the videos. In this tutorial, we will share how to hide progress bar on videos in WordPress.

The default WordPress video embed don’t allow you to remove the progress bar. However, you can use a plugin like Envira Gallery that has the amazing features to embed your videos in WordPress.

To hide progress bar on videos in WordPress, you’ll need to follow these 5 steps:

  • Step 1. Install and activate Envira Gallery plugin in WordPress
  • Step 2. Install and activate the videos addon by Envira
  • Step 3. Create a video gallery on your site
  • Step 4. Go to videos tab and hide progress bar on videos
  • Step 5. Publish and display your videos in WordPress

Ready to get started? Let’s go!

Step 1: Install and Activate Envira Gallery Plugin in WordPress

The first thing that you need to do is to install and activate Envira Gallery plugin on your WordPress site.

Envira Gallery

To learn about installation, you should check out this guide on how to install Envira in WordPress.

Step 2: Install and Activate the Videos Addon by Envira

Upon activating the plugin, you need to go to Envira Gallery » Addons to install and activate the Videos Addon.

To access this addon, you must have Envira’s Pro or Ultimate license. Check this guide to learn how to upgrade your license in Envira.

Videos Addon

This addon will allow you to add videos and show or hide progress bar on videos in WordPress.

Step 3: Create a Video Gallery on Your Site

Once the addon is activated, you need to go to Envira Gallery » Add New from your WordPress admin backend to add a new video gallery.

Simply give a title and drop your self-hosted videos in the Native Envira Gallery section.

Add New Video Gallery

For other videos, you need to click on the Select File from Other Sources button. It will show you a popup where you need to go to Insert Videos and hit the Add Video button. It allows you to add multiple videos.

Add Videos

To learn about more settings, you should check out this guide on how to create a WordPress video gallery with thumbnails playlist.

Step 4: Go to Videos Tab and Hide Progress Bar on Videos

After adding the videos, you should scroll down to Videos tab and remove the check from Show Progress Bar.

Show Progress Bar

It will hide the progress bar from your self-hosted and Wistia videos.

Step 5: Publish and Display Your Videos in WordPress

Now you should click on the Publish button of this video gallery at the right hand side of the screen and copy the shortcode from the Envira Gallery Code widget.

Copy Shortcode

Go ahead and edit a page/post or go to Pages/Posts » Add New. In the visual editor, you need to paste the shortcode.

Add Video Shortode

Make sure that you hit the Update button.

That’s all. We hope this tutorial has helped you to learn how to hide progress bar on videos in WordPress. You may also want to check out our guide on how to create a WordPress gallery with random image sizes. In case, your WordPress site is loading slow after adding the videos, you should check out this ultimate guide to boost speed and performance.

If you like this tutorial, then please follow us on Facebook and Twitter for more free WordPress guides and resources.

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.