1. 程式人生 > >gif safari img標簽播放mp4

gif safari img標簽播放mp4

mp4 src log 動態 解析 電池 支持 單擊 性能

gif可以實現動態效果,但是質量和性能不好。gif采用8位壓縮,最多只能處理256種顏色。gif對網絡性能來說糟糕。它們體積龐大,需要更多的CPU和內存資源來重新繪制,是電池殺手。

gif也有許多優點:它們由瀏覽器預加載立即請求的,它會自動播放和循環播放,而且是無聲的。

使用video標簽可以實現效果,但是性能不好。不可以預加載。通常預加載器只會預加載JavaScript,CSS和圖像資源,因為它們對頁面布局至關重要。但是view的內容可以是任意長度,video標簽會被直接跳過直到主線程準備解析其內容。更糟的是,許多瀏覽器都會假定video標簽包含的內容很大。瀏覽器首先執行一個1字節的請求,用來測試服務器是否支持HTTP範圍請求,而不是一次下載整個視頻文件,這會浪費請求單元格數據計劃。

而且video不能右鍵點擊並保存視頻,因為我們可能引用了其他網站的視頻,點擊會跳轉到對應的網站。如果使用video標簽傳遞微型視頻,用戶不能右鍵單擊,然後保存。最後,video標簽的autoplay的濫用,如果想自動播放video標簽,需要刪除音軌和截取內容。

safari技術預覽版裏可以使用<img src=".mp4">。早期的結果顯示,img標簽中得mp4顯示速度提高了20倍,解碼速度比gif等效的要快7倍。

背景css視頻和響應式視頻可以實現。

gif safari img標簽播放mp4