嵌入式 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 视频的进度