图片无缝滚动代码（添加了视频的）

 //定义i变量为动态控制图片轮播做准备，i的值与每张图片进行一一的对应
            var i=0;
            //时间变量，为自动轮播以及对光标的影响做出相应的反应
            var timer=null;
            //根据图片的张数动态添加圆点个数
            var widths=$(".img").width();

            var videotime=null;
            for (var j = 0; j < $('.img li').length; j++) {
                $('.num').append('<li></li>');
            }
            //默认情况下的第一个圆点进行背景设计
            $('.num li').first().addClass('active');
            //根据光标的影响控制按钮的显示和隐藏
            $('.banner').hover(function(){
                $('.btn').show();
            },function(){
                $('.btn').hide();
            });
            $(".video-mid").addClass("hide");
         videotime=setInterval(function(){
                if(i==0||i==5){
                    $(".video-mid").removeClass("hide");
                }
                else {
                    $(".video-mid").addClass("hide");
                    $("video").trigger("pause");
                    $("video").removeClass('play');
                    $("video").addClass('pause');
                }
            },100);
            //将第一张图片复