mediaElement.js JavaScriptエラーIE

Question

進行中のサイトのHTML5ビデオプレーヤーとしてMediaElement.jsを使用しています。 Fallbackプレーヤーであっても、Chrome、Safari、Firefoxでは正常に動作しますが、インターネットエクスプローラーでは、ここにJavaScriptエラーが表示されます。 http://d.pr/jsfo. 。私のポスターや私のプレーヤースタイル（他のブラウザでは正常に動作する）をロードしていないようです。

プレーヤーのコードは、ライトボックスに表示され、ページで再生できる複数のビデオがあるため、動的にロードされています。 HTMLを注入するJavaScriptはページの下部にあります

開発サイトをライブで見ることができます http://mindsmack.ryangiglio.com

Answer 1

残念ながら、IEにHTML5タグを動的に挿入することはできません。

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

なります

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

そして、MediaElement.jsはソースファイルがどこにあるかを把握できません。

私の推奨事項はaを置くことです <video> ページの永続的な場所にタグを付け、メディアエレメントオブジェクトを準備します

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

そして、ビデオを再生する準備ができたら、それを呼んでください

// 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();

また、削除する必要があります <object> 内部にHTMLを埋め込みます <video> タグは、IEユーザーがJavaScriptを有効にしておらず、アプリにJavaScriptが必要な場合のみです。