Hiding the ability to fast forward a video

To hide the ability to fast forward and rewind a video, you need to edit the Custom CSS section.

First thing you’d do is select your skin and style as normal, adjust the colors and so forth. Once you are done with that, open up the Custom CSS section.

Add the following line into the text area.

.video-js .vjs-progress-control {display:none;}

So it looks something like the following:

Some styles have values in there already. If that is the case, add the code at the end.

You should see a player that looks something like this without the ability to fast forward or rewind.

Couple this with the URL redirect at the end of the video will allow you to confirm when a logged in user has actually finished watching a video.

Any questions, let me know in the comments below.


Leave a Reply

Your email address will not be published. Required fields are marked *