Vimeo - 获取播放和暂停的持续时间/倒计时



我已经在Vimeo API上挣扎了几天。

我想获得视频持续时间并在播放时显示倒计时,并在html暂停视频时暂停。

有人知道该怎么做还是将我指向正确的方向?

谢谢Aron

我开发了一个倒计时,可以在我网站的主要视频之前在广告视频中播放。我相信下面的代码可能会帮助您,您应该根据您的需求进行调整。

           $(document).on('ready',function(){
                /* PLAY AD VIDEO */
                var $video = $('#ad_video),
                player = new Vimeo.Player($video);
                player.play();  
                /* COUNTDOWN */ 
                var interval = null;
                player.getDuration().then(function(duration) {
                    var duration_val = duration;
                    $("#countdown").attr("data-countdown", duration);
                    $("#countdown").html('Video starts in  ' + (duration));
                    interval = setInterval(function(){
                        player.getCurrentTime().then(function(seconds) {
                            var seconds = Math.floor(seconds);
                            var countdown_val = $("#countdown").attr("data-countdown");
                            if(seconds == (duration_val - countdown_val - 1))
                            {
                                $("#countdown").html('Video starts in ' + (duration_val - seconds));
                                $("#countdown").attr("data-countdown", duration_val - seconds);
                            }
                            if(countdown_val == 1)
                            {
                                clearInterval(interval);
                            }
                        });
                    }); 
                }, 1000);   
                /* PLAY MAIN VIDEO */
                $(function(){
                    var $video = $('#ad_video),
                    player = new Vimeo.Player($video);
                    player.on('ended', play_main_video);           
                });
                function play_main_video() {
                    $("#countdown").hide();                 
                    $("#text_countdown").hide();                 
                    $('#ad_video).hide();
                    $('#main_video).show();
                    var $video = $('#main_video),
                    player = new Vimeo.Player($video);
                    player.play();  
                };
            });

最新更新