Video Player events and analytics

You can register to a variety of video player events and then use these events to create custom video player controls or to trigger other custom behaviors in your application.

Additionally, many of these events can be tracked for Google Analytics or other analytics trackers.

On this page:

• Using video events
  • Available events
• Tracking video player analytics

Rate this page:

Using video events

The video player supports standard HTML5 video player events as well as several specific Cloudinary video player events.

For example, you can define a set of percentages that will trigger the percentsplayed event and then perform some operation when the player reaches any of those points. Below, the captured percentages are written to the console log:

const vplayer = cloudinary.videoPlayer("my-video", { playedEventPercents: [10, 50, 90] })

vplayer.on('percentsplayed', (event) => {
  console.log(event.eventData.percent + " percents played")

Take a look at the Events sample on the Video Player demo page to see some of the events that are triggered as you perform operations on the video player.

Available events

For details on all available events, see Events in the Video Player API Reference.

Tracking video player analytics

You can easily track and view your video player events using the Cloudinary video analytics. Alternatively, you can use the above events to manually capture your data for sending to Google Analytics.