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

Question

几天来，我一直在为 Vimeo API 苦苦挣扎。

我想获取视频持续时间并在播放时显示倒计时，并在视频在 HTML 中暂停时暂停。

有谁知道如何做到这一点或指出我正确的方向？

谢谢，阿伦

Answer 1

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

           $(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();  
                };

            });