視頻無法在Safari和IE9上播放，但在Chrome和Firefox上播放完美

Question

我對所有這些HTML業務都很陌生，但我設法學習到足以讓它暫時在線：（www.authenticchronicles .COM）。

現在，它只有兩頁，這是「關於」頁面是什麼給我一些問題。花了大約3-4個小時試圖解決這個問題後，我準備放棄！也許這裏有人可以提供一些見解？ FWIW，我使用Dreamweaver把它放在一起。

我發誓，我的HTML是正確的：

<video id="video_background" preload="auto" autoplay loop muted volume="0"> 
<source src="movies/about.mp4" type="video/mp4"> 
<source src="movies/About.webmhd.webm" type="video/webm"> 
<source src="movies/About.ogv" type="video/ogg"> 
</video> 

和它的作品......一個點。只有Chrome和Firefox會實際加載背景循環視頻（我使用CSS將其放置在背景中）。 Safari和IE9無法加載，只是一個空白的框。

我甚至嘗試加入這個到什麼是以前空白編輯htaccess文件：

AddType video/mp4 .mp4 
AddType video/ogg .ogv 
AddType video/webm .webm 

我試圖更新我的瀏覽器等等，應有盡有。我在HTML的頂部列出了正確的doctype：

我不知道發生了什麼事情。有趣的是，當我在Dreamweaver上進行編輯時，我可以在本地對這些網站進行PREVIEW（很自然，我認爲它會在我將其上傳到主機時起作用）。這是當它上傳到主機，然後訪問這給我的問題。

我很抱歉，如果這似乎是多餘的和簡單的修復。我發誓我儘可能多地完成了研究，並試圖儘可能地理解。在這一點上，我完全陷入了困境。任何深入瞭解這個問題，非常感謝〜

Answer 1

我不能確定有關解決方案，但這裏的東西來測試：嘗試添加屬性「控制」的視頻標籤，如：

<video id="video_background" preload="auto" controls autoplay loop muted volume="0"> 

在哪裏我要與此同時，'自動播放'視頻標籤屬性並不總是由所有瀏覽器（它可能是惱人的，侵入性的，和帶寬密集型）承認。通過詢問控件，您可以將鼠標懸停在空白視頻區域上並按下播放按鈕。這將驗證IE9和Safari是否至少能夠播放視頻。