嵌入式Vimeo视频进度跟踪

Question

在我的一个网站上，我使用vimeo视频链接来显示视频。现在我有一个要求跟踪视频的进展。就像学习者在该特定页面上花费的时间或用户观看视频的百分比一样。是否有可能在JavaScript中跟踪这一点？

Answer 1

使用player.js，您可以使用以下代码

<script src="https://player.vimeo.com/api/player.js">

const player = new Vimeo.Player("video_id"); 

player.on('timeupdate', function(data){
  console.log( data.seconds );
});

希望它能帮到你。

我使用它与一个WordPress站点一起使用下面的代码跟踪进度：

player.on('timeupdate', function(data){
        var running_time = data.seconds;
             $.ajax({
                url : '<?php echo admin_url("admin-ajax.php" ) ?>',
                data : {
                    action: "storeinDB",
                    user_id : "<?php echo $user->ID; ?>",
                    post_id : "<?php echo get_the_ID(); ?>",
                    running_time : running_time },
                dataType : "post",
                type: "post",
                success: function(response){
                    //console.log(response);
                }
            });
    });

谢谢

相关资源：

• 嵌入式Vimeo视频的跟踪进展