h5video播放视频先缓存再播放

// 显示第几个视频
        function fun(obj,id){
            var num= $(obj).attr("name");
              $(".video").hide();
              showDiv($(".video"+num),".video h6 img");
              $(".bg").show();

              $(".video h3 span img").on("click",function(){

//停止播放

                $(".video,.bg").hide();
                var  video = $("#bf"+id);
                 video[0].pause();
             })
            t= setTimeout("remainTime("+id+")",3000);  
          }
          function remainTime(id){
             var video = $("#bf"+id);

              $(".video"+id+" h6 img").hide();

//开始播放

              video[0].play(); // play() 和 pause() 是HTML5中video自带的API函数，哈哈，方便吧？
                  clearTimeout(t);

           }

效果地址https://www.askdd.org/Index/index.html