Creating a custom layer


See the Pen Videogular – Creating a Custom Layer by Two Fucking Developers (@2fdevs) on CodePen.


Creating a custom layer is easy and in some way it’s very similar to create a custom button in your controls.

The important step here is to grab the API from the vg-player-ready callback. Once you get the API you can start playing with Videogular in your HTML! For example we are hiding a logo layer when the current state is playing.

In the CSS side, just remember to set your layers with position absolute and a z-index to overlay other components.