在使用HTML5視頻的網(wǎng)頁中,為了避免視頻卡頓,我們可以設(shè)置緩沖。具體的實現(xiàn)方法如下所述:
HTML5 Video 設(shè)置緩沖
上述代碼中,我們首先在video標(biāo)簽中設(shè)置preload為none,這樣視頻就不會在頁面加載時自動緩沖,而是等待用戶點擊播放后再開始緩沖。在JS中,我們使用addEventListener來監(jiān)聽progress事件,當(dāng)瀏覽器開始緩沖時,會觸發(fā)該事件,并返回緩存起始時間和結(jié)束時間,通過計算這兩個值的差,就可以得出當(dāng)前視頻緩沖的時間。根據(jù)這個時間,我們可以顯示出相應(yīng)的緩沖提示,讓用戶知道視頻的加載進度。