html5視頻mp4在safari中工作，但不是ie9

我遇到了ie9和mp4視頻問題。如果我在Safari中打開頁面，mp4視頻可以正常工作，但它們不會在ie9中加載。至於它可能是什麼，我沒有想法。html5視頻mp4在safari中工作，但不是ie9

在我的本地windows機器上，html5視頻播放正常，一旦頁面轉到實時服務器，它們不再工作。 Opera和Firefox在OGG格式下工作正常。 Safari播放.mp4格式，但IE不會。 Internet Explorer是唯一表現奇怪的瀏覽器。

我以爲這是一個Mime類型的問題，只是Safari與服務器端.mp4文件一起工作。

Iv看着它是一個Doctype問題，除了活網站上的文檔類型與它在我的本地相同。對於可能造成這種情況的原因，我正在想盡辦法。

  <video webkitSupportsFullscreen='false' width="960" height="640"> 
      <source id="mp4" src="/videos/video.mp4" type='video/mp4' /> 
      <source src="/video/video.ogg" type="video/ogg" /> 
      <source src="/video/video.webm" type="video/webm" /> 
      <img src="/images/screenshot.jpg"> 
     </video>

來源

2013-01-12 swgamerx150

給我一個鏈接測試 – jedmao

你的意思是生活網站？ – swgamerx150

HTML5 Please推薦使用polyfill爲此。

所以，你可以用這一個：http://mediaelementjs.com/

注：你確定你的DOCTYPE尊重HTML5語法如下：

<!DOCTYPE html>

來源

2013-01-12 04:07:32

我沒有使用html5標籤。我更新了描述以更好地解釋情況。 – swgamerx150

也許這個主題可以幫助你：http://stackoverflow.com/questions/6944679/html5-mp4-video-does-not-play-in-ie9 –

doctype不是html5，但它仍然可以在本地使用。我很困惑，因爲它在本地工作，但不是遠程的，所以我不確定IE9是否支持某些或某些方面。 – swgamerx150

你有<!doctype html>認定中？如果不是，IE9將運行在不支持html5的怪癖模式下。

來源

2013-01-12 07:42:15 Licson

頁面中沒有<！doctype html>，但視頻加載在我的本地環境中，只是沒有活的網站。 – swgamerx150

我認爲你最好補充一點，因爲它可以解決HTML5的許多問題。 – Licson

確保爲IE瀏覽器的X-UA兼容性添加元標記ANYTHING！

<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>

來源

2017-08-14 21:35:43 TadLewis

html5視頻mp4在safari中工作，但不是ie9

回答

相關問題