Question

我正在从Vimeo服务器检索视频以在我的网站上播放课程视频。单击标签im即可在弹出窗口中播放视频。

Employee ID

现在，我想使用脚本来跟踪视频的当前时间。但是，单击该标签后，它将弹出一个单独的视图页面（在检查时）。

我试图跟踪播放器并从播放器获取当前播放时间，然后尝试使用此脚本。

Subject

但是我的想法已经用完了。有人请帮我弄清楚！！谢谢...

Answer 1

<script>
$(document).on('click', '.btn-video', function ()
{
var id = $(this).attr("id");
var iframe = document.getElementById(id);
var vPlayer = new Vimeo.Player(iframe);

setInterval(function ()
{
    console.log(iframe);
    console.log(vPlayer);
    var currtym = vPlayer.getCurrentTime();
    console.log(currtym);
    var currentTime = 0;
    player.getCurrentTime().then(function(currentTime) {});        
    console.log(currentTime);
}, 1000);

}）;

Answer 2

我找到了另一个更好的解决方案来检索endTime，以及视频进度百分比。可能会帮助某人...

var vdo_play = "";
$(document).on('click', '.btn-video', function ()
{
    if (vdo_play)
    {
        clearInterval(vdo_play);
    }
    var player = new Vimeo.Player($(".mfp-iframe")[0]);
    var currentPos, percentage, vdoEndTym = "";
    vdo_play = setInterval(function ()
    {
        player.on('timeupdate', function (getAll)
        {
            currentPos = getAll.seconds; //get currentime
            vdoEndTym = getAll.duration; //get video duration
            percentage = (getAll.percent * 100)+"%";
            console.log('currentPos: ' + currentPos);
            console.log('percentage: ' + percentage);
        });
        player.on('ended', function ()
        {
            clearInterval(vdo_play);
        });
    }, 1000);
});

使用脚本的Vimeo播放器时间跟踪

2 个答案: