How to detect play event only for main video but not pre- or post-roll

[Solved]

Gerald 2 months, 3 weeks ago

Hi,

we have a system where we use the player api and JS events to track if a video was played and finished and then load some success-animations on the page.

But we noticed that if e.g. a pre-roll is set for a video, the finish event is triggered by it and not the main video. This is not something we want. Is there any way to only look for events (play, finish, etc.) for the main video?

Best regards,
Robert

Viewing 4 replies - 1 through 4 (of 4 total)

Martin 3 months ago
Hello Robert,

The second argument of the event handlers for events like ready or finish event handler is api, as seen in the ready event sample code in our JavaScript Guide
```
flowplayer( function(api,root) {
  api.bind('ready', function( e, api, video ) {
    ...
```
You can check typeof api.video.click and it should be undefined if it’s not the video ad.

Thanks,
Martin
Gerald 3 months ago
Hello Martin,

thank you for the reply and info.
Checking for
```
if( typeof(api.video.click) == 'undefined' ) { ... }
```
seems to work to get the main video. Although it seems a little odd, that the the main video is returning undefined whereas the pre-roll returns the video object.

But nonetheless this solves our issue.

Thanks,
Robert
Martin 3 months ago

Hello Robert,

The api.video is always there, it’s just that click property of the object that’s part of video ads only.

Thanks,
Martin

Gerald 3 months ago

Okay, I see. Thanks for clarifying.

Viewing 4 replies - 1 through 4 (of 4 total)