關于成都做網站HTML中video標簽講解

2024-02-13 分類：網站建設

只要在HTML5中使用過視頻播放的同學對video標簽一定不會陌生，不過很多同學只使用了video的基礎功能，實際上video擁有強大潛能的，只要姿勢正確就能讓其擁有超能力。不妨從下面幾個場景來逐漸了解下video未曾被發掘的神秘空間，下面我們就和成都做網站的創新互聯一起來詳細的了解一下吧。

節省視頻流量

使用video的同學基本上都是這樣用的，如下：

利用src屬性

成都做網站,網站前端設計,H5標簽

利用source標簽

成都做網站,網站前端設計,H5標簽

這樣就可以播放視頻了，不過前面我們講過這樣使用video，視頻的加載是受瀏覽器控制的，可以看下瀏覽器在視頻剛開始播放的時候下載了多少數據：我隨便找了個視頻，視頻總長度是02:08,在播放到00:05的時候，瀏覽器已經下載到01:30了，如果用戶終止觀看，下載的視頻就這樣被浪費掉了。當然，如果不斷的seek也會造成較多的流量浪費。按照我們之前的統計在短視頻領域，用戶seek的頻率在80%，所以這部分流量是可以節省掉的。具體原理如下:

成都做網站,網站前端設計,H5標簽