鍍金池/ 問答/HTML5  HTML/ video播放的時(shí)候 怎么加緩沖的特效呢? 安卓上有自帶的緩沖效果,但是在ios

video播放的時(shí)候 怎么加緩沖的特效呢? 安卓上有自帶的緩沖效果,但是在ios上沒有

video播放的時(shí)候 怎么加緩沖的特效呢? 安卓上有自帶的緩沖效果,但是在ios上沒有

就是我剛剛點(diǎn)擊視屏的時(shí)候 還沒有加載出來視屏出來一個(gè)等待的圖標(biāo),安卓上也自帶的 ,但是ios上怎么加一個(gè)呢

就是視頻在iOS上播放的時(shí)候 開始有一個(gè)加載的過程,然后在加載的這段過程中屏幕上是空白的

回答
編輯回答
萌面人

已解決,

  1. 你需要判斷用戶是在安卓還是在IOS,如果在安卓就不需要

2.在IOS 你在視屏里面定位一個(gè)圖片(等待的gif) 先隱藏掉
3.當(dāng)你點(diǎn)擊播放按鈕的時(shí)候,你判斷現(xiàn)在進(jìn)度條開始走了沒有(如果開始走了說明開始放視屏了,如果沒有開始走說明還在加載中)
4.如果還在加載中 你就讓剛剛的那個(gè)gif等待圖片顯示,一旦進(jìn)度條上的時(shí)間開始走了 說明視屏開始播放了,你就把那個(gè)圖片隱藏掉就可以了

查看進(jìn)度條

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

clipboard.png

2017年10月18日 06:50