HTML5視頻（webm和MP4）都顯示一個空白的白色屏幕，並沒有播放

我做了一個小時的谷歌搜索，但我要麼吮吸它，要麼這不是一個常見問題。HTML5視頻（webm和MP4）都顯示一個空白的白色屏幕，並沒有播放

這裏是我的視頻標籤：

<video class="video-background" preload="none" loop="loop" autoplay="autoplay"> 
    <source src="/resource/video/ripples.webm" type="video/mp4"> 
    <source src="/resource/video/ripples.mp4" type="video/mp4"> 
    Your browser does not support the video tag. 
</video>

不管什麼順序將它們放置在，無論是webm也不mp4將加載，他們只是顯示一個空白屏幕。我也沒有從服務器獲得404，所以視頻應該從服務器下來？

欣賞任何輸入

編輯：我們移除了preload="none"屬性現在第一幀的視頻顯示出來，但它不自動播放視頻的其餘部分由於某種原因（儘管有。autoplay="autoplay"的元素

來源

2014-06-26 user3541693

標記似乎是正確的。如果我用webm http://jsfiddle.net/35cRY/用chrome測試它。我的遺憾是你的視頻有問題。你是如何轉換它的？我有很好的經驗：http://www.online-convert.com/ –

謝謝！我會嘗試該網站。將更新成功/失敗:) – user3541693

沒有工作 - 相同的結果。 – user3541693

是這個演示在你的服務器工作 It's正是您的標記，但不同的演示片：

<!doctype html> 
    <html lang="en"> 
     <head> 
      <meta charset="utf-8" /> 
      <title>test</title> 
      <link rel="stylesheet" href="style.css" /> 
     </head> 
     <body> 
     <video class="video-background" preload="none" loop="loop" autoplay="autoplay"> 
      <source src="http://techslides.com/demos/sample-videos/small.webm" type="video/mp4"> 
      <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4"> 
      Your browser does not support the video tag. 
    </video> 
     </body> 
    </html>

在線演示：http://barbatti.de/demo.html

來源

2014-06-26 14:09:55

HTML5視頻（webm和MP4）都顯示一個空白的白色屏幕，並沒有播放

回答

相關問題