Creating a custom layer

Example

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

Description

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.