Chrome正在頁面加載中下載webm和mp4 HTML5視頻源

我正在爲我的網站加快頁面加載速度。看起來好像Chrome正在加載列出的兩個HTML5視頻文件。據我所知，瀏覽器應該選擇第一個可用的視頻。在網絡標籤下的Chrome開發者工具中，它顯示兩個視頻都是在網頁加載時下載的。Chrome正在頁面加載中下載webm和mp4 HTML5視頻源

有什麼辦法可以阻止兩種負載的發生？這裏是我的代碼：（數據屬性是skrollr.js）

<video id="video" preload="auto" autoplay muted class="landscape deskVid" loop poster="/img/eventsPoster.jpg" 
        data-anchor-target=".header" 
        data-top="display: block; opacity:1; transform:translateY(0px);" 
        data--60p-top="display: none; opacity:0; transform:translateY(0px);" 
       > 
       <source src="/img/eventsVideo.webm" type="video/webm"> 
       <source src="/img/eventsVideo.mp4" type="video/mp4"> </video>

來源

2015-08-15 Chris Volden

開幕式''標籤？ – wolfemm

你好。我想在發佈到堆棧溢出之前編輯一些代碼（圖片的名稱等）。在做這件事時，我意外地發佈了一些不準確的代碼。（兩個標籤）我現在編輯我的帖子到我實際擁有的。 –

當我列出WEBM源，隨後在<video>標籤的MP4源，鉻只訪問WEBM源。您的webm資源可能存在問題。它可能不是有效的webm，或者您的web服務器可能不會在HTTP響應頭中報告正確的Content-Type（應爲video/webm）。

來源

2015-08-16 01:35:24 mark4o

Chrome正在頁面加載中下載webm和mp4 HTML5視頻源

回答

相關問題