How to change the playback speed for Wistia videos in the HubSpot Academy

The HubSpot Academy has a ton of useful information for learning about HubSpot and inbound marketing.

A lot of the content is video-based, which is great. But just like when I listen to podcasts, I prefer watching videos at a faster playback rate. By setting the video speed to 1.5x or 2x, I can watch videos much faster without missing out on any information.

This tutorial will show you how to change the playback speed on Wistia videos in the HubSpot Academy so you can save time.

Instructions

Open the web page in Google Chrome

The browser that I am using for this tutorial is Google Chrome, which is the best browser in my opinion. If you don’t have Google Chrome, you can download it for free.

Go to any web page in the HubSpot Academy that has a video. For this tutorial, we’ll use this page: http://academy.hubspot.com/blogging-videos-training.

74224151020

Open the JavaScript Console

In the Chrome menu bar, click on “View,” scroll down to “Developer,” then click on “JavaScript Console.”

74324151026

This will bring up the JavaScript console and your cursor will automatically be placed inside the console.

Copy and paste the code snippet

Next, copy the code snippet below and paste it in the console that you just opened.

playbackRate = 1.5;

var videos = document.getElementsByTagName("video");

for (i = 0; i < videos.length; i++){ 
  videos[i].playbackRate = playbackRate;
}

The console should now look something like this.

71524151027

Set your desired playback speed

If you want, you can change the playback from “1.5” to any other speed you like. Just be sure not to delete the semicolon “;” after the number you enter. To demonstrate, I will change the speed to “1.7”.

70824151032

Run the code

Finally, place your cursor after the last curly brace “}” and press the return key on your keyboard. If everything worked correctly, then parts of the code should change color and the playback speed that you entered should be displayed underneath the code you pasted in.

75124151036

Close the JavaScript Console

You can now close the JavaScript console. To do this, you click the exact same things that you did to open the console. In the Chrome menu bar, click on “View,” scroll down to “Developer,” then click on “JavaScript Console.”

74324151026

Play the video

Now when you press play on the video, it will play back at the speed you defined.

Do it again for the next video

One thing that is a little annoying is that you need to paste the code snippet and run it for every video that you watch. When a HubSpot Academy video ends, many times, another one will start automatically. You’ll need go through the steps above again to set the playback rate to your desired speed.

Go forth and learn faster

Now you know how to change the speed of the Wistia videos in the HubSpot Academy. You’ll be able to save time by going through the videos much faster. And this technique doesn’t just work for the HubSpot Academy. You can use this same tutorial for almost any Wistia video that you come across online.