video播放的时候 怎么加缓冲的特效呢? 安卓上有自带的缓冲效果,但是在ios上没有

video播放的时候 怎么加缓冲的特效呢? 安卓上有自带的缓冲效果,但是在ios上没有

就是我刚刚点击视屏的时候 还没有加载出来视屏出来一个等待的图标,安卓上也自带的 ,但是ios上怎么加一个呢

就是视频在iOS上播放的时候 开始有一个加载的过程,然后在加载的这段过程中屏幕上是空白的

阅读 1.9k
1 个回答

已解决,

  1. 你需要判断用户是在安卓还是在IOS,如果在安卓就不需要

2.在IOS 你在视屏里面定位一个图片(等待的gif) 先隐藏掉
3.当你点击播放按钮的时候,你判断现在进度条开始走了没有(如果开始走了说明开始放视屏了,如果没有开始走说明还在加载中)
4.如果还在加载中 你就让刚刚的那个gif等待图片显示,一旦进度条上的时间开始走了 说明视屏开始播放了,你就把那个图片隐藏掉就可以了

查看进度条

      getvideoprogress();
   function getvideoprogress() {
     setTimeout(function () {
    var vid = document.getElementById(“video1”);
    var currentTime=vid.currentTime.toFixed(1);
   if(currentTime==1.2){
   //触发
   return false;
   }
  console.log(currentTime);
   getvideoprogress();
  }, 50);
 }

clipboard.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题