How do I take away the controls on my video?

Ready to get rid of the controls on your videos? We can show you how! First I will show you the code snippet that you will add to your pages, I'll tell you what it all means, then I will show you where to paste it.

OUTDATED__Kajabi_Walkthrough.jpg

Note: This does not apply to Landing Pages included in pre-made Pipeline Templates

Here is the code we recommend:

{{ v | wistia_video: player_color: settings.color_video_player, auto_play: settings.video_autoplay, still_url: poster_image, controlsVisibleOnLoad: false, fullscreenButton: false, playbackRateControl: false, playbar: false, playButton: false, settingsControl: false, volumeControl: false, smallPlayButton: false }}

Now, here is what each of the additional demands will accomplish:

controlsVisibleOnLoad: false

Controls like the big play button, playbar, volume, etc. will not be visible as soon as the page is loaded. 

fullscreenButton: false

This will remove the Fullscreen button from the control bar.

playbackRateControl: false

The playback speed controls in the settings menu will be hidden.

playbar: false

The playbar, which includes the current time, and scrubbing functionality, will be hidden.

playButton: false

The big play button control will not appear in the center of the video before play.

settingsControl: false

The settings controls will be hidden. This will disallow viewers to control the quality and playback speed of the video.

volumeControl: false

Volume control is not available.

smallPlayButton: false

The small play button control will be hidden.

 

Remove the Controls for a video on a Sales Page

  • Go to your Website tab, then navigate to "Edit Code"

Kajabi.jpg

 

  •  Click on the Snippets folder and open video.liquid

 

Kajabi.jpg

Kajabi.jpg

 

Most video.liquid files will look like this. For this specific implementation, we are going to have to input our changes as a list.

Kajabi.jpg

  • Add a comma after:

trackEmail: "{{ current_site_user.video_tracking_id }}"

  • Paste this code in the next line:
controlsVisibleOnLoad: false, 
fullscreenButton: false,
playbackRateControl: false,
playbar: false,
playButton: false,
settingsControl: false,
volumeControl: false,
smallPlayButton: false

 

Kajabi.jpg 

  • Now, just click Save and you are good to go!

 

 Remove the Controls for a video on a Premier Landing Page

  • Go to your Landing Page and navigate to "Edit Code"

Kajabi.jpg

 

  • Now open the Sections folder and click to open video.liquid
  • Look for the line containing:

 {{ v | wistia_video: player_color:....

Note: Depending on if you have changed this file at all, it should be on line 36

  • Replace that line of code with this one:

{{ v | wistia_video: player_color: settings.color_video_player, auto_play: settings.video_autoplay, still_url: poster_image, controlsVisibleOnLoad: false, fullscreenButton: false, playbackRateControl: false, playbar: false, playButton: false, settingsControl: false, volumeControl: false, smallPlayButton: false }}

 

 Kajabi.jpg

  • Finally, click Save and you will be good to go!
  • Click here for more options on how to customize your video!

Note:  These instructions are regarding the Premier Theme, for all other themes, your video.liquid file will be found in the Snippets folder.

Was this article helpful?