gif safari img標籤播放mp4

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視頻和響應式視頻能夠實現。