HTML5視頻和音頻不工作

背景故事：
我剛剛花了一整天試圖找出爲什麼我的HTML5視頻和音頻標籤沒有被工作IE11和IE10當我上傳到到一個特定的LMS（在任何其他瀏覽器中完美工作）。
我把它剝離了，現在這就是HTML文件中的所有東西。HTML5視頻和音頻不工作

<!doctype html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>Untitled Document</title> 

</head> 
<body> 
    <video controls> 
     <source src="video.mp4" height="450px" width="800px"/> 
    </video> 
</body> 
</html>

，你可以看到很簡單，在IE11和IE10本地工作，並且這些文件是絕對的LMS，我可以鏈接到他們。只有當他們使用HTML5視頻標籤時，纔會出現任何內容 - 字面上是白色屏幕。

問題：
當內容由LMS加載時，有一系列嵌套的框架，如下所示。（請注意，我刪除了所有內聯屬性{有堆}）。

<html> 
<head></head> 
<frame> 
    <frame> 
     <frame> 
      // This is where my HTML lives.

在頭頂部的標籤，我不能改變，就在於這個壞小子：<meta http-equiv="X-UA-Compatible" content="IE=8">。現在我可能不正確，但我認爲這是問題的根源，因爲ie8文檔標準會否定任何HTML5標籤...？

問題：
有什麼方法可以用<meta http-equiv="X-UA-Compatible" content="IE=edge">來覆寫這個元標記嗎？
或隨後，我可以重新配置文檔標準/模式，而不刷新頁面（刷新自動關閉窗口{LMS/SCORM功能}），在我的框架內或以上與JavaScript等。或者我是否需要嘗試讓LMS Tech窺視他們的源代碼？

更新：
發現以下情形時，我添加<meta http-equiv="X-UA-Compatible" content="IE=8">的DOM從原來的更改爲：

<video controls></video> 
    <source src="video.mp4" height="450px" width="800px"/> 
</video><//video>

來源

2015-08-27 Zze

在這裏看到一些建議：http://stackoverflow.com/questions/15639444/how-do-i-get-a-html5-video-to-work-using-ie10 – Papa

謝謝@Papa，我沒有在我的搜索中遇到這種情況，但所有這些爲我結帳，我可以讓頁面在本地和在服務器上工作...我也可以獲取所有視頻加載，如果他們在瑞士法郎，所以MIME類型也是準確的。我很確定它的x-ua兼容meta標籤！ - 但感謝您的建議:)。 – Zze

這裏真正的答案是你真的應該聯繫LMS技術人員。他們確實需要更新他們的代碼，因爲它確實過時了。

我跑了一些測試使用<meta http-equiv="X-UA-Compatible" content="IE=8">，我遇到了視頻加載的問題。（我在IE 11中測試過）。據說，我也相信<frame>標籤也存在問題。

X-UA-Compatible需要更新到IE=edge和<frame>應該被刪除。

不幸的是，我不知道重寫X-UA-Compatible標籤。我相信（雖然不是100％肯定）IE會在父文檔中看到X-UA-Compatible標籤並使用它。

如果你不能讓LMS技術人員及時更新他們的代碼，你可以嘗試幾個選項。我不知道這些能否解決您的問題，但值得一試。

將視頻上傳到YouTube或類似的視頻託管服務，並使用iFrame嵌入視頻。
如果因爲某些原因無法使用視頻託管服務，請嘗試將託管視頻放到您控制的服務器上，然後使用iFrame嵌入視頻。
嘗試在網站中使用mediaelement.js作爲解決兼容性問題的解決方法。

再次，真正的解決辦法是讓LMS更新他們的代碼，否則，你必須要找到一些變通的作品。

來源

2015-08-28 23:58:44 L84

非常感謝您過來檢查我的問題！我一定會聯繫LMS團隊，因爲託管我們所有的視頻並不是這個當前項目的理想選擇。再次感謝！一旦我與他們聯繫，我會盡快回復。 – Zze

他們將改變標籤！ - 謝謝！ – Zze

@Zze - 很好聽。 => – L84

您的實際問題是，你正在使用的obsolete and removed from HTML<frame>元素。瀏覽器已停止支持此標記。您應該嘗試將其轉換爲。

從我的測試中，<meta http-equiv="X-UA-Compatible" content="IE=8">不會阻止您的瀏覽器加載視頻元素。

來源

2015-08-28 06:19:05 Kaiido

有趣，所以你說這不是事實，他們強迫IE8傳統模式，其實際是因爲幀？缺點是它的HTML是一個非常有限的環境，我將不得不聯繫LMS公司，讓他們改變這種情況，如果是這樣的話！ – Zze

那麼這就是我的測試中出現的情況，出於安全原因，我肯定'''元素已從Web標準中刪除。你可以通過試圖顯示一些文本來檢查自己，這將不會干擾任何兼容性模式 – Kaiido

我已經添加了一個更新的問題，我似乎無法複製它與'框架'它只是將其從當我在HTML中添加一個DOM ..？我非常感謝幫助。我在這裏壓縮了一個小測試視頻和一個HTML文件https://www.dropbox.com/s/8yq9lx9xtk59kz2/XUA_Test.zip?dl=0如果您有興趣，..我仍然可以複製我的問題時我添加了「X-UA兼容的IE8」並關閉並重新打開標籤頁/窗口。非常感謝幫助。 – Zze

HTML5視頻和音頻不工作

回答

相關問題