let mainVideo = $('video')[0]
/*加載進度*/
function loadbar() {
if (mainVideo.readyState === 4) {
let bufferIndex = mainVideo.buffered.length;
if (bufferIndex > 0 && mainVideo.buffered != undefined) {
let bufferValue = mainVideo.buffered.end(bufferIndex - 1) / mainVideo.duration * 進度條總長度;
$('.load').width(parseInt(bufferValue) + 'px');
if (Math.abs(mainVideo.duration - mainVideo.buffered.end(bufferIndex - 1)) < 1) {
$('.load').width(進度條總長度 + 'px');
}
}
}
}
音頻 視頻 加載進度 緩沖進度
最后編輯于 :
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。
相關閱讀更多精彩內容
- 要實現(xiàn)的效果如下 簡單的步驟利用canvas畫三個不同大小的圓,相互疊加,顯示成為進度條,然后利用Animatio...
- 先來段html文件(此html直接加載的真機沙盒目錄下的一張圖,用WKWebView 加載無法顯示) 原因:貌似是...
- 我們APP的核心功能實現(xiàn)方式為:原生和JS交互。這就需要頻繁的互傳數(shù)據(jù),互傳數(shù)據(jù)在這里就先不說,之后寫的一篇,可以...
- 使用到的第三方庫:NJKWebViewProgress 使用:采用代理方式,在代理中獲取進度,并賦值給進度條。具體...
- 最近做項目的時候需要實現(xiàn)一個播放器,播放器拖動條需要實現(xiàn) 顯示緩沖進度像這樣: google上看見一些實現(xiàn)方案,一...