2011-10-27 8 views
2

IE9でhtml5ビデオの再生に問題があります。私は簡単に他の機能でそれを使用するためにJSでの変数のvideo要素を指定されたHTMLHTML5ビデオがIE9で再生されない

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

でビデオを含める方法をここで

です。

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! :)

答えて

1

私はそれはおそらく私が多くの研究後の溶液を考え出したあなたは.htaccessファイルに

+0

そのような追加設定なしでHTML5ビデオは再生されません。再度、感謝します。 :) – jason

1

をビデオMIMEタイプを宣言する必要がissueに関係だと思います。

ページのDOCTYPEでなければなりません:

<!DOCTYPE html> 

(HTML5のDOCTYPE) IE9はHTML5のビデオを再生するために。 Firefox、Chromeなどは、XHTMLのdoctypeでもビデオタグを認識しますが、IEでは認識されません。

0

ブラウザモードとドキュメントモードを確認します。 F12キーを押して、ブラウザモードとドキュメントモードタブの両方がIE9オプションに設定されていることを確認します。

0

IE9で<ソース>の内部HTMLを処理できないようです。<ビデオ>です。

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プロパティ" を使用することができ、より高い:

は、しかし、それはあなたがそれをclassisの道をすれば動作します。

関連する問題