HTML5視頻未在IE9中播放

我在播放IE9中的html5視頻時遇到問題。HTML5視頻未在IE9中播放

以下是我在HTML

<video id="video-1"></video>

視頻我指定在JS變量中的視頻元素方便地使用它的其他功能。

video1 = document.getElementById("video-1");

這是我如何在JS中分配視頻。

video1.innerHTML = '<source id="video-1-mp4-src" type="video/mp4" src="' + 'pill.mp4' + '">' + '<source id="video-1-ogg-src" type="video/ogg" src="'+ 'pill.ogg' + '">' + '<source id="video-1-webm-src" type="video/webm" src="' + 'pill.webm' + '">';

還試圖在分配JS視頻這種方法....

video1.innerText = '<source id="video-1-mp4-src" type="video/mp4" src="' + 'pill.mp4' + '">' + '<source id="video-1-ogg-src" type="video/ogg" src="'+ 'pill.ogg' + '">' + '<source id="video-1-webm-src" type="video/webm" src="' + 'pill.webm' + '">';

問題是視頻IE9將不會加載....難道我失去了一些東西？還是說IE9還不支持Video標籤？

TIA！ :)

來源

2011-10-27 jason

我認爲這可能涉及到，你必須在.htaccess文件

來源

2011-10-27 19:18:16 Tules

那麼HTML5視頻將無法播放沒有額外的設置呢？再次感謝。 :) – jason

我想通了很多的研究後的溶液來聲明視頻MIME類型的issue。

頁面的DOCTYPE必須是：

<!DOCTYPE html>

（HTML5的DOCTYPE）爲了IE9播放HTML5視頻。即使使用XHTML文檔類型，Firefox，Chrome等也會識別視頻標籤，但IE不會。

來源

2012-06-06 20:45:34 Brian

確認您的瀏覽器模式和文檔模式。按F12並確認瀏覽器模式和文檔模式選項卡均設置爲IE9選項。

來源

2014-02-24 20:23:58

它在我看來，IE9無法處理<源> innerwhML內<視頻>。

但是它的工作原理，如果你這樣做了classis方式：

var video1 = document.getElementById("video-1"); 
var source = document.createElement('source'); // create source node 
source.src = 'pill.mp4'; 
source.type = "video/mp4"; 
video1.appendChild(source); // append source node to video node

對於IE10和更高的你可以用「的innerHTML」。

來源

2016-11-14 01:11:37 Holger

回答

相關問題