Mediaelement.js IEでのjavascriptエラー

Question

進行中のサイトでMediaElement.jsをHTML5ビデオプレーヤーとして使用しています。 Chrome、Safari、Firefoxではフォールバックプレーヤーでも正常に動作しますが、Internet ExplorerではJavaScriptのエラーが表示されます：http://d.pr/Jsfo私のポスターや、他のブラウザでうまく動作するプレイヤーのスタイルが読み込まれていないようです。

ライトボックスに表示され、ページ上で再生できる複数の動画があるため、プレイヤーのコードが動的に読み込まれています。 HTMLを注入Javascriptが、それは彼らのネスティングを壊すので、あなたは、動的にIEでHTML5のタグを挿入することはできません、

あなたは開発サイトは、残念ながらhttp://mindsmack.ryangiglio.com

Answer 1

で生きる見ることができ、ページの下部にある

<video> 
    <source src="file.mp4"> 
    <source src="file.webm"> 
</video> 

は

<video /> 
<source src="file.mp4"> 
<source src="file.webm"> 

なり、ソースファイルがどこにあるか、その後MediaElement.jsは把握することはできません。

私の推薦のMediaElementオブジェクト

var player = new MediaElementPlayer('#video'); 

、あなたは、ビデオを再生する準備ができたら、次にそれを呼び出すに、その後、ページ上の恒久的な場所に <video>タグを入れて準備することです

IEユーザーは、JavaScriptが有効になっていませんし、あなたのアプリケーションではJavaScriptを必要としたときには、例のためだけだから

// single MP4 
player.setSrc('newfile.mp4'); 

// OR multiple 
player.setSrc([{src:'newfile.mp4',type:'video/mp3'},{src:'newfile.webm',type:'video/webm'}]); 

// load and play 
player.load(); 
player.play(); 

また、あなたは<video>タグ内<object>埋め込みHTMLを削除する必要があります。