With some googling, I came up with the below code to track play, end and video progress (% of video viewed). I used [Vimeo API Tracking](https://stackoverflow.com/questions/49918272/vimeo-api-tracking?newreg=0004a71c709440d0a9ac19fc3702cce5) for input.

`PLAY` and `END` work. `TIMEUPDATE` works also but not the console.log when 10% of video is watched. I cannot figure out what I am doing wrong.

```html
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <title>video-test-vimeo</title>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>

<iframe src="https://player.vimeo.com/video/76979871" width="640" height="360" frameborder="0" allowfullscreen allow="autoplay; encrypted-media"></iframe>

<script src="https://player.vimeo.com/api/player.js"></script>
<script>
    var iframe = document.querySelector('iframe');
    var player = new Vimeo.Player(iframe);

    player.on('play', function() {
        console.log('played the video!');
    });

 player.on('ended', function() {
        console.log('ended the video!');
    });

 player.on('timeupdate', function(data) {
  console.log('Percentage watched: '+data.percent);
     if (data.percent == 0.1) {
   console.log('10% of video watched');
      }
 });
</script>
</body>
</html>
```