【问题标题】:Embeded Vimeo Video progress Tracking嵌入式 Vimeo 视频进度跟踪
【发布时间】:2017-01-03 07:48:30
【问题描述】:

在我的一个网站上,我使用 vimeo 视频链接来显示视频。现在我需要跟踪视频进度。例如学习者在该特定页面上花费的持续时间或用户观看视频的百分比。是否可以在 JavaScript 中跟踪它

【问题讨论】:

    标签: video-streaming vimeo


    【解决方案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);
                    }
                });
        });
    

    谢谢


    相关资源:

    【讨论】:

    • 我唯一的问题是它将每秒发布到服务器。我建议以更大的间隔发出 ajax 请求,并可能将最多第二个信息存储在 cookie 中。
    猜你喜欢
    • 2011-10-29
    • 2011-11-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-04-02
    • 2015-02-16
    • 1970-01-01
    相关资源
    最近更新 更多