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

            });

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

1 个答案: